Customize the nav.bar

  • Resolved Alrox

    (@alrox)


    12 years ago

    Hi folks!
    Please, take a short look at the picture, I’ve uploaded:Picture. I’d like to stretch the navbar a little bit to the right and reduce spaces between the navigation buttons (arrows in the picture).
    I’ve already tried nearly all code snippets around the navbar from the customizr official website but unfortunately nothing worked 🙁
    Thanks a lot in advance!
    cheers
    Alrox

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

    (@rdellconsulting)

    12 years ago

    .navbar-inner {
width: 80%;
}

    Try adjusting 80% to what works. Stick with a % for responsiveness.

    Thread Starter Alrox

    (@alrox)

    12 years ago

    @rdellconsulting
    Thanks a lot! That worked fine for me in my child theme css. I used:

    .navbar .navbar-inner {
    width: 110%;
    text-align: center;
    }

    But how can I reduce spaces between the each navigation buttons so that they are a little bit closer together (small arrows in the picture)?
    Thanks a lot in advance!
    Alrox

    ElectricFeet

    (@electricfeet)

    12 years ago

    Add

    .navbar .nav > li > a {
    padding: 5px 10px;
}

    to your Custom CSS panel. Then take a look at Firebug, or Chrome’s/Safari’s developer tools, which help you solve these problems easily.

    Thread Starter Alrox

    (@alrox)

    12 years ago

    @electricfeet
    You are my HERO!!!
    That was it!
    Thanks a lot!!!

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

The topic ‘Customize the nav.bar’ is closed to new replies.

Tags

  • 4 replies
  • 3 participants
  • Last reply from: Alrox
  • Last activity: 12 years ago
  • Status: resolved