Site logo

Archived topic

Hamburger Menu Shifting on Mobile

3 replies · Started by Milos on March 5, 2021

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.