Changing the height of the top action bar

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!

Comments

  • Hello!
    Please use this css
    #Top_bar {
    padding-bottom:35px !important;
    }
    thanks
  • 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
  • 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!
  • 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;
    }
Sign In or Register to comment.