Archived topic
Keep logo identical on sticky header
3 replies · Started by fabien on April 14, 2020
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