Extra space below menu ul

  • Resolved Khadesa

    (@khadesa)


    9 years, 5 months ago

    Hey everyone,

    i can’t seem to get rid of the ugly space below the buttons in my nav bar, they should be full height of the nav bar, with the text floating in the middle.

    Any clue where to edit this? I’ve tried all the obvious .css…

    site is https://www.entirecreative.com/stone

    Thanks for any help/suggestions

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

  • You have a couple of options here. First, you could try reducing the height of the menu bar, but you’d also have to play around with the background-position of your logo, too:

    .main-navigation {
  min-height: 50px;
  background-position: 10px 5px;
}

    Or, you could expand out the height of the menu <ul> itself so that the menu text appears to be centered within the menu bar. This won’t work well if you ever add more items to the menu so that it ends up on two lines.

    ul.nav-menu, div.nav-menu > ul {
  height: 75px;
  line-height: 75px;
}
    Thread Starter Khadesa

    (@khadesa)

    The Line-height worked a treat!, thanks heaps Stephen Cottontail,

    Your skill is matched only by your knowledge.

    You legend.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Extra space below menu ul’ is closed to new replies.