[leticia2]

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]

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]

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;

}

[Anonymous]

Anonymous

#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]

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?

[Anonymous]

Anonymous

#42124

Then add this also:

#header-menu {

width: 780px;

}

[leticia2]

leticia2

#42125

Works perfectly, thanks a lot Luko!