WordPress.org

Ready to get started?Download WordPress

Forums

How to change spacing of the menu (12 posts)

  1. Vallejonursing
    Member
    Posted 1 year ago #

    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.

  2. Brad Davis
    Member
    Posted 1 year ago #

    Best to provide a link to the site, or the mention the theme and code you are using.

  3. Vallejonursing
    Member
    Posted 1 year ago #

    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;
    }

  4. Vallejonursing
    Member
    Posted 1 year ago #

    I'm using a yb-auto theme..

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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%;
    }
  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  7. Vallejonursing
    Member
    Posted 1 year ago #

    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.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  9. Vallejonursing
    Member
    Posted 1 year ago #

    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.

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  11. Vallejonursing
    Member
    Posted 1 year ago #

    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.

  12. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic