I’m not sure why, but when I use a full-width mega menu in the header, both the horizontal and vertical scrollbars appear in the Builder, while on the front-end, only the scrollbar appears when the mega menu is opened. The same thing happens in the mega menu on Bricks.
The problem seems to be with the container inside the menu, which is 1200px wide. If this is true, what is the proper way to use it instead of the container?
thank you for your report. Sadly, I can’t replicate the issue you see. Can you export the header template, so that I can import it and test with exactly your setup?
But even in your container element, I would replace it with “Block”, and manually set max-width and aligh it to center. Kind of seems better, to use “Containers” only directly under the sections. This is not mandatory though - just my preference
In your “content” element, you are setting a “padding”. You can remove it here, and set it in your “Container” element.
That’s right! The problem is now solved.
But even in your container element, I would replace it with “Block”, and manually set max-width and aligh it to center. Kind of seems better, to use “Containers” only directly under the sections. This is not mandatory though - just my preference
Yes, you are right. This is a principle that I had forgotten.
As always, thank you for your attention to this report❤️ This problem is now resolved.
