[Resolved] Change size of navigation logo

[Nimie]

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.

[Leo]

Hi there,

Do you want the sticky navigation logo to float outside the menu container?

[Nimie]

Yes correct.

[Leo]

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

[Nimie]

That did it, thank you for the quick response.

[Leo]

No problem 🙂

[Author]

Posts