Return to Support

Change size of search box in navigation bar

Home Forums Graphene WordPress theme Support Change size of search box in navigation bar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #8764
    leticia2
    Member

    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!

    #42120
    leticia2
    Member
    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

    #42121
    leticia2
    Member
    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;
    }

    #42122
    Luko
    Member

    You can control input text box width with:

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

    And the Search box width with:

    #top_search  {
    width:150px;
    }

    #42123
    leticia2
    Member

    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?

    #42124
    Luko
    Member

    Then add this also:

    #header-menu {
    width: 780px;
    }

    #42125
    leticia2
    Member

    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.