Archived topic
Change size of navigation logo
5 replies · Started by Nimie on April 28, 2020
I am using a sticky navigation logo but would like it larger than the 30 x 30 default without increasing the height on the actual menu. I know I can use navigation as header but I want to add a header to the interior pages and still want an icon to show on the sticky navigation. I have added:
.navigation-branding .sticky-navigation-logo img{ position: absolute;
top: 10px;
left: 0;
z-index: 90;
}
.navigation-branding img .sticky-navigation-logo img {
height: 100px;
}
This works to move the logo lower but does not change the size.
Hi there,
Do you want the sticky navigation logo to float outside the menu container?
Yes correct.
Modify this:
.navigation-branding img .sticky-navigation-logo img {
height: 100px;
}To this:
@media (max-width: 1024px) and (min-width: 769px), (min-width: 1025px) {
.main-navigation.sticky-navigation-transition .navigation-branding img {
height: 100px;
}
}That did it, thank you for the quick response.
No problem :)
