Changing the height of the top action bar

Dorr86 · May 2017

Hello support team - I'd like to know how I can make the action bar longer when it's stationary and also scrolling. website: http://netdesign.website/

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

Thanks guys!

Bryan · May 2017

Hello!
Please use this css

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

thanks

Dorr86 · May 2017

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 · May 2017

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 · May 2017

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;
}

Changing the height of the top action bar

Comments