Shriking menu bar when scrolling

Hello,

I know this topic has been resolved before but i can’t seem to apply the answer on my website. Can someone help me plz?

www.colinpatric.com

Hello,

Nevermind i was able to implement this function but i noticed that their was slite difference between how much the menubar was shrinked from page to page, and one of the pages the menubar wasn’t shrinked at all. Can someone help me figure this out plz?

Thanks!

www.colinpatric.com

Hello @patcol15,

Can you please explain how you implemented this function?

Kind Regards, Roman.

I implemented it through the Appearance > Customize > Additional CSS and added the following code

.float-header .site-logo {
    max-height: 50px;
    transition: 0.5s;
}

Hello @patcol15,

Please try to use the following CSS code in addition to what you use now.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#masthead.float-header {
    padding: 5px;
    transition: 0.5s;
}

.site-logo {
    transition: 0.5s;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

helloooo! it worked like a charm, thank you Roman!!

You are welcome @patcol15! :slight_smile:

Kind Regards, Roman.