How to change space used by Search Box in Navigation Bar

  • 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

    Mod

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

    Mod

    Kenneth John Odle

    #25304

    Moved to Support.

    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.

    Mod

    Kenneth John Odle

    #25306

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

    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

    #25308
    #top_search input {
    width: 60%;
    }

    You may need to set it float right.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!