How to change height of logo inside sticky header

KyleBoswell · February 2022

Hello, I am trying to make my logo the same size on the site as it is when the sticky header comes down.

How do I change the height of the sticky header logo?

I found this code elsewhere and tried it, the sticky header height changes but the logo remains small?

/* Header Menu Bar */

#Top_bar .top_bar_right { height: 60px !important; }

#Top_bar .menu > li > a { padding: 0 !important; }

#Top_bar #logo { padding: 0 !important; }

#Top_bar.is-sticky { height: 100px; }

#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height: 80px; }

#Top_bar.is-sticky #logo { padding: 52px 0; }

Any help appreciated! Thank you

Phil · February 2022

Hi,

I tried to visit your website, but the link is not working.

Are you sure that you attached the correct URL?

Best regards

Comments