Archived topic

Extra spacing between logo and menu on mobile

3 replies · Started by Stacey on February 27, 2018

Viewing posts 1–4 of 4

February 27, 2018 at 12:25 pm #507239

Hi - on this site https://thegutlife.swish-client.com/ that I am working on switching to GP - there is additional spacing between the logo and the menu. I am not sure what settings (or CSS) I need to fix this. Can you please advise.

Thanks
Stacey

February 27, 2018 at 4:11 pm #507413

Hi Stacey,

I think this is what you are looking for: https://generatepress.com/forums/topic/menu-next-to-logo/#post-241435

March 1, 2018 at 5:48 am #508782

Great - that has helped a lot.

Can you also help with what classes/CSS to target so that when it drops down to the mobile menu I can centre the logo and have the menu centred underneath.

March 1, 2018 at 6:19 am #508819

Instead using Tom's CSS I linked above, try this:

@media (min-width:769px) {
    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
}

This archived topic is closed to new replies.

Start building better websites today.