Welcome, Guest
Username Password: Remember me
Discussion about "Restaurant" Joomla template
  • Page:
  • 1
  • 2

TOPIC: Problem with Top Menu

Problem with Top Menu 1 year, 5 months ago #2485

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!

Re: Problem with Top Menu 1 year, 5 months ago #2487

  • milos
  • NOW ONLINE
  • Support Staff
  • Posts: 2823
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
#topmenu { overflow:hidden; }
in the layout.css file.

Re: Problem with Top Menu 1 year, 4 months ago #2549

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

Re: Problem with Top Menu 1 year, 4 months ago #2552

  • milos
  • NOW ONLINE
  • Support Staff
  • Posts: 2823
Please try to enlarge overall template width in template parameters. Will it work then? Alternatively, please try to reduce top menu items names.

Re: Problem with Top Menu 8 months, 2 weeks ago #8089

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
#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:
#topmenu { overflow:hidden; }
to layout.css does nothing!
Attachments:
Last Edit: 8 months, 2 weeks ago by David2376.

Re: Problem with Top Menu 8 months, 2 weeks ago #8091

Hi,

add this to template_css.css at the bottom:

#nav{
width: 1000px;
}
The following user(s) said Thank You: David2376
  • Page:
  • 1
  • 2
Time to create page: 0.08 seconds