Sticky menu, resizing header image

Hi @pvantienen,

I’m glad the theme’s working well for you!

Do you have an example of a site that behaves in the way you described? (With the header image shrinking on scroll.) I’m not completely sure if I understand what you’re after but, from the face of it, the changes you’re trying to make sound pretty advanced and may go beyond the scope of support that this forum is intended for.

If you can share a link to your site and clarify the behaviour you’re trying to achieve (preferably with examples) then I’ll be happy to see how I can help, though.

Sure, thanks! I suspect it may be too much work for this theme, there is another theme that has exactly what I am looking for, but I don’t need all the bells and whistles of that theme. ??

Here is my site: https://www.pickeringkarate.ca

Here is a demo of a theme with the nav that I really like.

https://www.kriesi.at/themedemo/?theme=enfold-overview

Thanks!

Thanks so much for clarifying, @pvantienen. ??

Give the following custom CSS a try to see if it gets your menu to look the way you want it to:

@media screen and (min-width: 1281px) {
    header#masthead {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        background: #fff;
        padding: 24px 165px 0;
    }
}

The above will fix the menu to the very top of your site on devices that are 1281px in width or larger.

Hope it helps!

Thanks! it’s getting closer. I do like the effect but it now seems to be covering some of the page below. I change the background colour to transparent just so I can see just how much.

Any suggestions?

Much appreciated.

Adding a margin-top of 127px (the height your navigation takes up) to your main #content area should resolve that:

@media screen and (min-width: 1281px) {
    header#masthead {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        background: #fff;
        padding: 24px 165px 0;
    }

    #content {
        margin-top: 127px;
    }
}

Hope that’s helps!

Fantastic! Thanks!

You’re most welcome. ?? Feel free to start a new thread if any extra questions come up.