Adjust menu width?

When I view my site in a reasonable resolution the menu and logo look like this:



And in 1024 x 768, which is what my client is using, it looks like this:



My question is, how do I change the default width so the menu does not collapse / shrink at that resolution?

Many thanks.

The only way is to decrease spaces between menu items, to adjust the value please use this value :

Code: Select all

.gkMenu > ul > li {margin: 0 6px}

Thanks Bkrztuk, but that just decreases the width of the menu overall. It still stays below the logo instead of beside the logo.

The only way is to decrease spaces between menu items, to adjust the value please use this value :

Code: Select all

.gkMenu > ul > li {margin: 0 6px}

There is no way to decrease the margin only in resolution - you can delete one of the menu items or change margin to decrease width for menu.

Even with one single item in the menu it still drops down below the logo.

I suspect this has something to do with either the 'responsive' code or the 'tablet' width. Either way it's a serious problem that I'm sure others will have.

There is no way to decrease the margin only in resolution - you can delete one of the menu items or change margin to decrease width for menu.

Please try to add to tablet.css at the end of file this line :

Code: Select all

#gkMainMenu {clear: none !important}