[Resolved] Navigation Logo Missing in Customizer

[Gerson]

Hi, the area to insert the navigation logo in customiser > Layout > Primary Navigation is missing? I have GP Premium installed and all options activated.

[Leo]

Hi there,

We’ve introduced use navigation as a header option starting in GP Premium 1.8.

I believe this is what you are looking for:
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know if this helps 🙂

[Gerson]

Thanks but I used to be able to achieve a certain look for my logo – please see http://www.dunaconstructions.com.au – I used this code:

.site-header {
    display: none;
}

.main-navigation .site-logo.navigation-logo {
    position: absolute;
    left: 0;
    top: 0;
}
.main-navigation {
	margin-top: 0;
	padding: 0px;
}

.main-navigation .navigation-logo img {
	padding: 0px 0px 10px 30px;
	margin-top: 0px;
}
.main-navigation .navigation-logo img {
    height: 130px;
}
.main-navigation:not(.navigation-stick) {
    position: relative;
    z-index: 99;
}

But how can I now achieve this same result with this new update?

[Tom]

Still possible, the selectors just changed a bit.

If you’d like to link me to your site using the new navigation as header, I can give you specific CSS.

Let me know 🙂

[Gerson]

Thanks Tom – yes please. Site is: https://rho.gersonstudiosites.com.au

[Tom]

Any chance you can add the logo to it?

[Gerson]

Done – thanks Tom.

[Tom]

Give this CSS a shot:

.navigation-branding img, 
.mobile-header-logo.site-logo img, 
.main-navigation.sticky-navigation-transition .navigation-branding img {
    padding: 0;
    position: absolute;
    top: 0;
    height: 100px;
}

[Gerson]

Thanks – that worked a treat. But how can it remain the same in the sticky version as I scroll down?

[Tom]

Just edited the CSS above 🙂

[Gerson]

Legend! Thanks.

[Tom]

You’re welcome 🙂

[Author]

Posts