Archived topic
Hamburger Menu Shifting on Mobile
3 replies · Started by Milos on March 5, 2021
Good evening,
I've been adding an element to the mobile header. My original text-only element is working as expected. I wanted to add a button to make it fancier, and that element itself is functioning correctly. The problem is, it seems to be somehow affecting the location of the hamburger menu.
In my provided links, the financing page has the original element, where the hamburger menu icon is in the right place. The Contact Us Page has the new element, which seems to be shifting the hamburger menu away from the right for some reason.
Hi there,
for the Block Element button - select your parent Container Block and in Advanced > Additional CSS Classes add: flex-grow
Then add this CSS:
.gb-container.flex-grow {
flex-grow: 1;
}
Thank you very much!
You're welcome