Header menu spacing

  • Resolved rubior

    (@rubior)


    11 years, 1 month ago

    Hi I would like to increase the spacing between the menu tabs so it fills the width of the header menu. I’ve added padding, but this doesn’t look right on mobile view so have removed it.

    yourcouncil2.eclektik.co.uk – currently there’s a lot of space to the right of the menu. No additional pages are needed.

    Thanks in advance

Viewing 4 replies - 1 through 4 (of 4 total)
  • bdbrown

    (@bdbrown)

    11 years, 1 month ago

    Hi rubior. How does it look if you remove this block of css:

    /* override the bootstrap.min.css styles being applied by IE */
.nav > li {
  display: inline-block !important;
  }
.nav > li > a {
  padding: 15px 14px !important;
  }

    And then add this:

    #nav-header .nav .menu-item {
  padding: 0 20px;
}
    Thread Starter rubior

    (@rubior)

    11 years, 1 month ago

    Hi Bdbrown, thanks.. I’ve actually removed this code in the main site: news.croydon.gov.uk

    Doesn’t make a different to the space to the right.Would like to space the menu so it’s full width.

    Ahh.. Will add the code you suggested and come back.

    bdbrown

    (@bdbrown)

    11 years, 1 month ago

    Looks like you got it set up. Is that what you were after?

    Thread Starter rubior

    (@rubior)

    11 years, 1 month ago

    Thanks bdbrown it worked with !important rule – looks good in mobile view too.

    Will mark this as resolved. Thanks again.

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

The topic ‘Header menu spacing’ is closed to new replies.