WooCommerce Single Product Page (Full Width)
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;}Join FREE & Launch Your Business!
Exclusive Bonus - Offer Ends at Midnight Today
00
Hours
:
00
Minutes
:
00
Seconds
2,000 AI Credits Worth $10 USD
Build a Logo + Website That Attracts Customers
400 Credits
Discover Hot Niches with AI Market Research
100 Credits
Create SEO Content That Ranks & Converts
800 Credits
Find Affiliate Offers Up to $500/Sale
10 Credits
Access a Community of 2.9M+ Members
Recent Comments
0
Join FREE & Launch Your Business!
Exclusive Bonus - Offer Ends at Midnight Today
00
Hours
:
00
Minutes
:
00
Seconds
2,000 AI Credits Worth $10 USD
Build a Logo + Website That Attracts Customers
400 Credits
Discover Hot Niches with AI Market Research
100 Credits
Create SEO Content That Ranks & Converts
800 Credits
Find Affiliate Offers Up to $500/Sale
10 Credits
Access a Community of 2.9M+ Members