WooCommerce Single Product Page (Full Width)
Published on February 11, 2019
Published on Wealthy Affiliate — a platform for building real online businesses with modern training and AI.
I'm using Elementor with WooCommerce on Ryan Pro Theme. For some reason, the single product page was cropped and left justified, when the page is suppose to show full width and shown in Elementor's editor. But when published it didn't published how it looked in the editor. I just wanted to share this with you, in case you're having the same issue.
I used this CSS code and simply put it into the General Settings>> Custom CSS and it worked like a charm!
Here's the code:
.single .column-3 {width: 100% !important;}Share this insight
This conversation is happening inside the community.
Join free to continue it.The Internet Changed. Now It Is Time to Build Differently.
If this article resonated, the next step is learning how to apply it. Inside Wealthy Affiliate, we break this down into practical steps you can use to build a real online business.
No credit card. Instant access.