Full width Mega Menu, align contents with header inner

1

Hi,

I have searched for this and cant see any advice - so if anyone has any help please?

I am not a developer, but have followed the tutorial video on creating a mega menu, and have used the header section class to restrict the mega menu width to match.

However, it would look better to have the background colour full screen width. See attached image for better explanation.

Is there a way to make the mega menu full screen width but have the inner container follow the same margin/padding as the header. I am using ACSS so the default section setup. I cannot get this under nav nestable dropdown(mega menu).

Hope this makes sense.

Thanks,

Bryan

Area-to-change
Area-to-change1942×726 154 KB

2

Hi,

Nobody has any ideas? This is a url which better shows the problem: https://theaudiobarn.co.uk/test-page/

As you can see, when the mega menu area is contained, any sections which are full width behind look badly implemented.

Screenshot 2025-07-07 at 16.23.13
Screenshot 2025-07-07 at 16.23.131530×1006 116 KB

Am I missing something obvious :face_with_peeking_eye:

Thanks for any help.

Bryan