Changing the height of the top action bar

Dorr86

Hello support team - I'd like to know how I can make the action bar longer when it's stationary and also scrolling. website: [Links visible only for registered users]

I'd like to have have the action bar big enough to fit the logo without overhang.

Thanks guys!

Bryan

Hello!
Please use this css

#Top_bar {
	padding-bottom:35px !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Dorr86

Hey, that worked thanks! however now when I scrolled down now there is no padding on the action bar. The bottom of the logo is resting right on the line (if that makes sense) 

How can I change the bottom padding of this for the scrolling action bar so there is a bit of green after the logo

Thanks

Dorr86

Also, how can i go about bringing down the menu so that it is center aligned in the middle of the action bar rather than sitting at the top?

Thank you guys!

Bryan

Please remove the previous css I gave you and paste this one

#Top_bar:not(.is-sticky) {
	padding-bottom: 10px !important;
}

#Top_bar.is-sticky {
	padding-bottom: 45px !important;
}
#menu ul {
	margin-top:25px !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next