[Support request] How Do I Place Logo Above Navigation in Mobile View?

[Sean]

In the Generate press theme customisation settings, how do I edit so the logo shows above my navigation in mobile view? https://www.prototype.bridesbyfrancesca.com.au/

[Leo]

Hi there,

Try turning off mobile header feature: https://docs.generatepress.com/article/mobile-header/

[Sean]

The mobile header feature was turned off anyway, I tried turning it on to see if that would make a difference but still no change. I basically just want the logo to sit on top the same as this website in mobile view http://www.raffaeleciuca.com.au/
Screenshot https://prnt.sc/gmfsaa

[Leo]

Hmm if the mobile header is turned off then there is some caching issue going on as I can see the code that it’s using the mobile header and mobile header logo.

When mobile header is not used the logo is on top of menu toggle by default.

Any caching plugins or server cache?

[Sean]

I don’t have any cache plugins and I’m not sure about a server cache how do I check if I have that?

Here are all the installed plugins I have https://prnt.sc/gmfvra and these are the settings I have for the mobile header layout https://prnt.sc/gmfwjo

[Tom]

Try adding this CSS:

.main-navigation.grid-container .site-logo.navigation-logo {
    float: none;
}

.navigation-logo img {
    margin: auto;
}

.menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle {
    float: left;
}

[Author]

Posts