[Resolved] mobile menu not on the same line

Hi Ree,

Can you try adding this CSS through Appearance > Customize > Additional CSS:

#mobile-header nav#secondary-navigation .main-nav > ul {
    display: flex !important;
    flex-direction:row;
    flex-wrap:nowrap;
}

#mobile-header nav#secondary-navigation .main-nav > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#mobile-header nav#secondary-navigation .main-nav > ul > li a img{
    height: 17px;
}

Hi there,

in Customizer > Layout > Secondary Navigation, you can reduce the Menu Item Width, this will reduce the padding either side of those menu items.

Thats a GenerateBlocks button block, if you edit it, you can change the Right Margin in its Spacing settings.

Can you provide admin login credentials so we can take a closer look?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

That’s odd. Can you try recreating that specific button to test?

Can you try either of these in GenerateBlocks > Settings?:

a) Choose Inline Embedding for the CSS Print Method in Settings > GenerateBlocks.
b) Regenerate your CSS files in Settings > GenerateBlocks.

Try editing the right margin on the button now.