Support » Themes and Templates » How to change spacing of the menu

  • Hi,

    Could someone help me on how to change the padding of the menu? I want to see it all inline. Now I can see a two row menu, the second row is hidden, it will just show when the website is still loading.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Best to provide a link to the site, or the mention the theme and code you are using.

    site: vallejonursinginstitute.com

    codes:

    .indentmenu{
    font: bold 13px Arial, Helvetica, sans-serif;
    width: 100%;
    height:45px;
    margin:-1px 0 0 0;
    }
    .indentmenu ul{
    margin:4px;
    float: left;
    width: 80%;
    }
    .indentmenu ul li{
    display: inline;
    }

    .indentmenu ul li a{
    float: left;
    color:#196e9a;
    padding:10px 20px;
    text-decoration: none;
    border-bottom:none;
    border-right: 1px solid #f7f7f7;
    outline:none;
    }

    .indentmenu ul li a:hover, .indentmenu ul li .current{
    color:#FFFFFF !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#a2c4ca;
    }

    I’m using a yb-auto theme..

    WPyogi

    (@wpyogi)

    Forum Moderator

    You need to change the width in both of these places:

    div.menu_container {
        background: url("../images/menu_bg.jpg") repeat-x scroll 0 0 transparent;
        float: left;
        height: 44px;
        width: 800px;
    }
    .indentmenu {
        font: bold 13px Arial,Helvetica,sans-serif;
        height: 45px;
        margin: -1px 0 0;
        width: 100%;
    }

    WPyogi

    (@wpyogi)

    Forum Moderator

    To get rid of the clip that now shows a bit, add the display: none; here:

    div.clip {
        display: none;
        float: left;
        height: 45px;
        width: 31px;
    }

    Thanks, but I tried what you had suggested but it still didn’t work. The two menu: Our Programs and Contact Us is still below the home and the calendar of activities. I want to see those two next to the gallery.

    WPyogi

    (@wpyogi)

    Forum Moderator

    The width on this was not changed — see line 48 of style.css:

    div.menu_container {
        background: url("../images/menu_bg.jpg") repeat-x scroll 0 0 transparent;
        float: left;
        height: 44px;
        width: 664px;
    }

    change the width to at least 900px.

    I already changed the width through wp-admin but still it didn’t work. When I tried viewing it through the page source, it wasn’t change.

    WPyogi

    (@wpyogi)

    Forum Moderator

    I don’t know what else to suggest — if you are entering it in the right place and saving your changes and then clearing any caches, it should be changing.

    But I just looked up your theme and see that it has not been updated in over 4 years — which is a VERY long time. You might consider finding another theme as it’s likely you will continue to have problems with a theme that old.

    http://wordpress.org/extend/themes/yb-auto

    What version of WP are you using?

    Yes, I’ve entered it in the right place. I even checked my style.css codes by downloading the style.css through ftp and it’s updated. Anyway thanks for your help, really appreciate it.

    I’m using WordPress 3.0.4.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    The width on this selector

    div.menu_container

    was not changed.

    Remember you shouldn’t be editing that theme’s files, but instead using either a Child Theme or a Custom CSS plugin.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to change spacing of the menu’ is closed to new replies.