[bhi]

bhi

#3623

Good day,

Thank you for this wonderful theme and the community that is built up here. I’ve been tuning in quite a bit over the past half a year while I build a site. It’s coming along great thanks to all the support.

I am trying to make the Search Box smaller. It is currently in the Navigation Bar. My child theme can make the box smaller using

#top_search input {

width: 80px;

}

but that doesn’t move the space used by having the Search Box there. I am wanting to add more buttons without going to a second line or decreasing the padding.

Any thoughts?

Much appreciated.

bhi

[Kenneth John Odle]

Kenneth John Odle

#25303

Try just

#top_search {

width: 80px;

}

The search box is already floated to the right, so if you decrease the width, it should move over automatically. But you weren’t moving the search box container that holds the input box, just the input box itself. (The search box container — <div id="top_search"> — also contains the little magnifying glass icon.)

[Kenneth John Odle]

Kenneth John Odle

#25304

Moved to Support.

[bhi]

bhi

#25305

Thanks for the help.

I tried that and it has the same effect. The normal navigation buttons do not fill the space that seems to be dedicated to the Search Box even when, as our code performs, the Search Box is small and off to the side.

Any other ideas? I can make the buttons squeeze up on one line with a small change to the padding, but I’d prefer to have some extra room for a bit of future-proofing.

[Kenneth John Odle]

Kenneth John Odle

#25306

Include a link to your site and we can take a closer look.

[bhi]

bhi

#25307

The website is a bit of a mess at the moment as I was working on changing something else, but feel free to check out here:

http://www.filmpool.ca/new

[Anonymous]

Anonymous

#25308

#top_search input {

width: 60%;

}

You may need to set it float right.