Make product category pages full width?

Hello,

Please tell me how I can make the sections on the product category pages full width?

I want the content to be inline with the nav menu ( I have responsive padding percentages set up for this) and the section backgrounds to stretch to the edges. In the Elementor editor, all the sections are set to full width.

The homepage is working fine, it’s just the product pages. I am using the ‘Layouts’ creator in the backend.

Thank you

Hi again,

Sorry, I now realise the content was not showing as full-width because of the padding I put on the .container – please could you help me with a different way to change the padding on the top nav bar without affecting the rest of the page?

Thank you

Hello,

Please target the following class if you want to change container padding for only the header.

“.whb-row.whb-general-header .container”

Best Regards

[Author]

Posts