Problem with Top Menu

Hello,
I have purchased the Hot Restaurant template and i installed it on my existing site. (not with hotstart).
I have an issue though! The top menu makes something weird, when i resize my browser window to a size less than 1000px width it places the last menu item under the first menu item and if i keep resizing the window it places other items under the first item and at the end i have a vertical menu instead of a horizontal. I saw at your demo server and this is not happening there.
Look my site here www.littlefox.gr/

I have followed the appropriate steps to make the menu work (like the id set to nav and the list option in joomla backend)
I don't know where is the problem.
Thanks a lot...and i wait for a helpful answer or solution to this!

Looks fine to me, I checked the same situation is on template demo. If browser window is too thin, it's logical that the last menu item must go to the next row. Other solution is to hide it. To do this, add in the layout.css file.

Hello milos.
I have added the code you told me in the layout.css but nothing happened. Still my menu does the same.
Any other command i can use??
Why i can't see the same thing in the demo server template?(you said that you saw it)
Thanks

Please try to enlarge overall template width in template parameters. Will it work then? Alternatively, please try to reduce top menu items names.

milos wrote: Looks fine to me, I checked the same situation is on template demo. If browser window is too thin, it's logical that the last menu item must go to the next row. Other solution is to hide it. To do this, add

Code:

#topmenu { overflow:hidden; }

in the layout.css file.

Why would you say this is logical??? It looks absolutely RIDICULOUS! The menu should extend the full width of the template (1000px) regardless of window size. See attached screenshot of your demo site. Please tell me how to fix this. None of your other templates seem to have this issue. Adding: to layout.css does nothing!

Hi,

add this to template_css.css at the bottom:

#nav{
width: 1000px;
}