Avada Woocommerce pages 100% full-width with 1 line of code (a single changed word, actually)
Finally I discovered how to make Avada’s woocommerce pages 100% full width. And it only took modifying a single word, in one line of code, in the appropriate theme file.
You’ll need to access the following template, which you can do from the WordPress editor:
Avada: class-avada-layout.php (includes/class-avada-layout.php)
Now scroll down and find the following php function (you can do a CTRL+F for this easily enough):
public function is_hundred_percent_template
At the very end of the function where it says return: false; change this to return: true; and you’re done.
Note: This will force all of your pages to full-width, so this fix may not be “perfect” for everyone.
However, it’s the most straightforward way to fix Avada’s asinine code injections, which wrap around any full-width “main” class wrappers you attempt to use (such as in a custom child theme template) thereby destroying your ability to go full width even with a custom template.
Feel free to let me know if you have any questions. Cheers!