Submenu container escapes the page

  • Resolved Ryuuken

    (@ryuuken)


    12 years, 5 months ago

    Hi!

    First off, thanks for sharing this plugin and for the help…

    Secondly, I shold probably say that I’m not very experienced and that I cannot provide a link–the website is still local and the client is a bit picky about confidentiality.

    So, here’s my problem:

    I’m using a customized twentyeleven theme, with the Mega Menu installed in the left sidebar. It works, and when the submenu floats out, the links work. BUT the flyout submenu container invades the header area while floating out of the sidebar and part of the text is hidden below the header image.

    I’ve also noticed that, if the screen is small enough, the upper rows of the submenu will be cut out of the website entirely.

    I’ve tried changing the overflow value in the header image, just in case, and no luck.

    When exploring the elements with Mozilla’s add-on firebug, I have an option to change the margin value in ul li sub. and then the upper row of the submenu is aligned with the sidebar menu BUT when I try to make that exact same change in the actual skin css file, it doesn’t work.

    Any idea how I can make the submenu visible over the header image? Or to force the container to align below the header?

    Thanks,

    https://www.ads-software.com/extend/plugins/jquery-vertical-mega-menu/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author remix4

    (@remix4)

    Hi,

    Add a z-index value that is higher than your header image – you can check this using firebug.

    Thread Starter Ryuuken

    (@ryuuken)

    Thanks for that!

    I’ve been doing a ton of testing this last few days and it works beautifully. ??

    Plugin Author remix4

    (@remix4)

    OK great

    Ok, this works, but I got the normal mega menu and the vertical mega menu and if I change the z-index from the vertical mega menu, the submenus of the normal mega menu is behind the vertical menu…unterstood? ??
    I tried do expermiate with differnt z-indexes in the normal mega menu css, vertical mega menu css and style css, but I cant solve that the vertical mega menu is in front of the header and also the normal mega menu is in front of the vertical mega menu.
    Please could somebody help me?

    I Installed this plugins (JQuery Vertical Mega Menu Widget)in my site it’s nice to see with firefox, google chorme with submenu but when i open my site with internet explorer then my site’s left submenu of JQuery Vertical Mega Menu Widget is going under the flash object that is in the content.Please help me anybody to solve this problem.

    my website here below.please open my website with internet explorer…

    https://www.nsc.gov.bd

    @lakib: As per the Forum Welcome, please post your own topic. Posting in an existing topic, at worst, creates problems and, at best, will result in your posts being deleted. I’ve already removed the other 3 posts that you posted in old, resolved, topics.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Submenu container escapes the page’ is closed to new replies.