Navigation Bar Width and Length

  • Posted in : Read WP
  • Anonymous
    Inactive

    Hi!
    Just purchased the them, started customizing it and I’ve got a question.

    I removed the navigation menu styling and colored it to black.
    .main-navigation { background-color: #000; }

    But I want to limit the navigation’s width. When I add any attribute of width to the .main-navigation item, it totally breaks the navigation. How can I add a code to make it’s width smaller?

    My second question is, since I made it a big black navigation- I want it to go all the way in a wide screen horizontally. How can I arrange main navigation’s horizontal size?

    Thanks!

    ahmetsali
    Keymaster

    Hi, please provide your url and let’s see what can be done.

    Anonymous
    Inactive

    I’m running the WP on my localhost. It’s not something complicated guys. I’m posting a picture below:

    http://tinypic.com/r/2br5mg/8

    There are two arrows and two questions:
    1st Arrow: How to make navbar wide enough to be full width?
    2nd Arrow: How to adjust navbar’ s height?

    ahmetsali
    Keymaster

    just to clarify ;

    – you want to decrease navigation’s height (vertically)
    – you want to increase navigation’s width to make it full width (horizontally)

    right ?

    Anonymous
    Inactive

    Yes sir! That’s exactly what I want to do.

    Anonymous
    Inactive

    So, any suggestions?

    ahmetsali
    Keymaster

    try this custom css code;

    .site-header.wrapper > .row {
        width: 100%;
    }
    .main-navigation ul li {
        padding: 10px 0;
    }
    .main-navigation ul ul {
        top: 42px;
    }
    
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register