Resize Sticky Menu


#1

Can the logo above the sticky menu be a different size than it is when the homepage loads?
I have a large logo above my menu (which I like) when the page loads, but as you scroll down this takes up too much space on smaller screens.

Thanks.
kyle


#2

Hi, do you have a URL to your site?


#3

#4

In hindsight, I didn’t explain myself well.
I would like the logo to be large when the page loads(300px tall header), then when the menu/header becomes sticky, I would like the logo to be smaller (150px).


#5

I see…

The following css code is to reduce the size of the logo image when to page is scrolled:

.site-header.float-header .site-logo {
    max-height: 150px;
}

please to put the code above using simple custom css plugin


#6

Woohoo! this worked like a charm…and I never would have figured it out on my own.
Big thanks. Lovin’ the theme.