Site logo

Archived topic

Keep logo identical on sticky header

3 replies · Started by fabien on April 14, 2020

Viewing posts 1–4 of 4

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?

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%;
}

fantastic, thank you!

You're welcome

This archived topic is closed to new replies.