Mobile View and Hidden Columns

Hi,
I have several columns within rows on this page


The mobile view still isnt full width even though I have hidden 2 of the columns.
Please can you advise.
Thanks

Hello @tapper65,

Thanks for writing to us.

It seems that it is an issue with the custom CSS code. I would suggest you please remove this custom CSS code and then check it again.

.woocommerce div.product, .woocommerce-page .x-main {
width: 100%;
padding: 0 6em 0 6em;
}

Please have a look at the given screenshot below

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

That’s great - you guys are very helpful.
I must have missed that in the custom css.
Thanks

You are most welcome, @tapper65

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.