[Resolved] Keep logo identical on sticky header

[fabien]

Hi there, by default it seems that the sticky header logo is CSS’d to move to the left and be a tad smaller. How would I go about keeping it identical in both normal header and sticky header?

[David]

Hi there,

by default the Navigation Logos are sized by the Menu Item height you set in Customizer > Layout > Primary Navigation ( which you have at 105px ) and Sticky Navigation ( which you have at 75px).

In addition you have this CSS added to your site which is affecting the primary nav logos size and position:

.site-logo img {
    padding: 20px;
    margin-left: 2%;
}

So you could:

1. Change the Menu Item heights to match.
2. Either remove the above CSS or change it to this to include the sticky logo:

.site-logo img,
.main-navigation.sticky-navigation-transition .navigation-branding img {
    padding: 20px;
    margin-left: 2%;
}

[fabien]

fantastic, thank you!

[David]

You’re welcome

[Author]

Posts