changing height of menu bar

  • How can I decrease the height of the fixed menu bar? I have 16px as the text font. i’m happy with that size, but would like the bar to be smaller.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi there,

    If you post a like to your website we can take a look and make a suggestion for you. ??

    Cheers!

    Luke the Daft Duke

    Thread Starter Ecogypsy

    (@ecogypsy)

    Thread Starter Ecogypsy

    (@ecogypsy)

    https://www.placeinthelandscape.com

    Hi there,

    I just took a look at your website and was able to reduce the height of the main navigation bar by using this snippet of code:

    #access,
.menu-item {
   height: 60px;
}

#access a span {
  padding: 10px 18px;
}

    You can always adjust the height attribute as you see fit. The second part removes some of the padding so the text stays in the middle.

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter Ecogypsy

    (@ecogypsy)

    Thanks. That is a start! The padding changes aren’t quite jiving with the height of the bar, but I’m learning! And next is to get the hover buttons the same size.
    This project has had one of the biggest learning curves I’ve ever had and the greatest rewards!

    Your welcome. I just took a look at it again.

    Try :

    #access a span {
  padding: 6px 12px;
}

    instead, if you want the text to me in the middle.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘changing height of menu bar’ is closed to new replies.