How to change spacing of the menu

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

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

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.

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.

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.

https://www.ads-software.com/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.

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.