Links on Navbar – Only Want One Line

Without seeing your markup and css (post a link ?? all I can do is go by the demo for that theme.

The menu is in a div that is approximately 2/3 width of the header and the search is in it’s own div floated to the right for the remaining 1/3. So what is probably happening is that you removed the search form but not the containing div. And even if you did you would still need to change the width of the menu div.

This is the selector for the menu container on line 123 of style.css in the demo:

#page-bar {
width: 720px;
}

And this is the selector for the search container on line 118:

#search-wrapper {
width: 200px;
float: right;
}

Just change #search-wrapper to display: none OR delete that declaration and the container from the template altogether. And then remove the width from the #page-bar (or set it to ‘auto’ or 100%).

Oh, and I would also remove the float from the menu just so you don’t have other mysterious problems later. Remove class="left clearfloat" from the #page-bar in your templates e.g. <div id="page-bar" class="left clearfloat">

That should fix your problem.

Thank you, thank you for the great response and your detailed help.

I appreciate that you took the time to provide this assistance.

I changed the #page-bar {
width: 720px;
}

to
#page-bar {
width: auto;
}

The #search-wrapper {
width: 200px;
float: right;
}

was already removed.

The links all appear on one line and look much better.

Thanks again and best wishes,

Don

Glad to help. You actually got lucky though. I happened onto the forums for some other reason. Tired and bored I happened to look to see a bunch of posts that hadn’t received any responses. So I decided to go through the first 3 pages attempting to answer all the posts that no one else had like some sort of demented challenge.

Find your day well.