Change size of search box in navigation bar

  • leticia2

    #8764

    Hi,

    I have a very basic question. I would like to reduce the size of the search box in the navigation bar, in order fit another tab in there without changing of line.

    I managed to reduce the box, but that doesn’t seem to help.

    Could maybe someone help me?

    Thanks in advance for your help!

    leticia2

    #42120
    Quote:
    Hi,

    I have a very basic question. I would like to reduce the size of the search box in the navigation bar, in order fit another tab in there without changing of line.

    I managed to reduce the box, but that doesn’t seem to help.

    Could maybe someone help me?

    Thanks in advance for your help!

    My site, in case it helps: http://www.qge.icfo.es

    leticia2

    #42121
    Quote:
    Hi,

    I have a very basic question. I would like to reduce the size of the search box in the navigation bar, in order fit another tab in there without changing of line.

    I managed to reduce the box, but that doesn’t seem to help.

    Could maybe someone help me?

    Thanks in advance for your help!

    My site, in case it helps: http://www.qge.icfo.es

    I actually found the same issue posted before: How to change space used by Search Box in Navigation Bar

    However, the proposed solution is exactly what I have been trying, but it doesn’t seem to work:

    #top_search {
    width: 150px;
    }

    Luko

    #42122

    You can control input text box width with:

    #top_search input {
    width:68% !important;
    }

    And the Search box width with:

    #top_search  {
    width:150px;
    }

    leticia2

    #42123

    Thanks a lot, but this is what I tried and doesn’t seem to work (see my site). I can indeed shrink a lot the search ba. However, the menu tabs just go to the bottom line. I guess I am not shrinking the size of the search box holder, but I thought that’s precisely what top_search does.

    Any other ideas?

    Luko

    #42124

    Then add this also:

    #header-menu {
    width: 780px;
    }

    leticia2

    #42125

    Works perfectly, thanks a lot Luko!

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

You must be logged in to reply to this topic.