NO BUG: Mobile overflow

[yasmine]

Browser: Brave
OS: macOS
URL: www.acume.org

I have a sticky header that causes a horizontal overflow issue on mobile. When I add section {overflow-x: hidden;} it fixes it on mobile. But then I’m left with a scrollable mega menu, which I don’t want. I have gone through and nothing is over 100vw / max-width: 100%, and box-sizing: border-box; is on.

How do I fix this?

Also in the builder, I do not see any evidence of an overflow:

[timmse]

Hi Yasmine,
The overflow is probably caused by display: grid (which is missing any grid-template-columns so that you can remove it) on this container:

Without grid:

Best regards,
timmse

[yasmine]

Thank you for checking! I had spent my entire morning trying to find that… was convinced it was the header… - and it was so simple!