Josh 0

I asked this question before and got an answer, but the answer didn't work. I'm hoping someone else has some input? Thank you a million in advance for your time!...

I'm using the JKmegamenu plugin to implement a megamenu on a website I'm working on. It works and looks nice, however when the web browser window is resized the drop down divs move. I tried inserting "margin-left: -##px" on each drop down, but that just caused them to move further when the browser window is resized. here is a link:

http://www.techguyconsulting.net/virdiumSite/virdiumFinal/

Currently I've removed "margin-left" from the drop down style tags. Any advice at all would be appreciated.

It seems the problem is a bit worse in Safari, but is reflected in all web browsers.

Thank you for your time.

2 answers

danwellman 5600
0
points

The nav menus still aren't in the same parent container as the top-level, visible, nav links. They are currently aligned to the page, and so will move in relation to the page when the page is resized.

Did you try adding the menu to the #navigationBg container?

Answered over 8 years ago by danwellman
  • Yes I did. Here is my basic HTML structure for the navbar (everything on the page is in a div that is centered using margin: 0 auto 0 auto; btw). <div #navigation Bg> <div #navigation> <ul> <li>6 list items for the main <a> tags</li> </ul> <divs 1-6 for drop downs> </div> </div #navigation> </div #navigationBg> Unless I'm just missing something obvious I think I'm doing what you say? Thank you again for trying to help me! Josh over 8 years ago
  • It seems that the plugin itself puts the menu code at the bottom of the body. When the plugin initialises it works out where the menu should appear. Which is great, until the window gets resized.... danwellman over 8 years ago
Josh 0
0
points

Any ideas on a mega menu plugin that does not act like this that I can implement that will look similar to this ?

Answered over 8 years ago by Josh