Sticky menu adjusting height and centering logo

tdejorge · August 2018

Hi there,

Im using the classic menu for my site with a sticky header. I found some other custom CSS in another thread. I used the CSS below. It kind of worked but on the sticky header the logo is very off centred. How can I fix the logo so it is centred in the bar in the sticky version of the menu?

Example on this link

http://overmark.ca/wp/

#Top_bar.is-sticky { height: 80px; }
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height: 50px; }
#Top_bar.is-sticky #logo { padding: 12px 0; }
#Top_bar.is-sticky #logo img { max-height: 50px; }

Pablo · August 2018

Hi,

Use this code:

#Header #Top_bar.is-sticky #logo{
	line-height: 60px !important;
}

Thanks

Sticky menu adjusting height and centering logo

Comments