• Resolved Alrox

    (@alrox)


    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)

    .navbar-inner {
    width: 80%;
    }

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

    Thread Starter Alrox

    (@alrox)

    @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)

    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)

    @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.