Dropdown items disappear behind content container
Permalink Browser Info Environment
Hi there, I'd appreciate your help. I am creating a page using the sex n chocolate theme from the market place. There is a content contaier, and the proble is that the second level menu drop down disappears behind the container. I tried to put a z-index into the menu css but it did not help. Can anyone suggest a solution?
Thxs!
Thxs!
| Type: | Discussion |
|---|---|
| Status: | Resolved |
Hi! Can you give me a link to your page with menu? I need to inspect it.
Hi Cravener, thxs for fast reply! The page is heidi-bobal.bugs3.com
It is a test site on a free server where I set up pages for clients to look at before they buy.
Beneath the page Blau AG there's three subpages, and six beneath r4b
I can only see the first subpage, so I assume the dropdown disappears behind the container. Although of course it could be I did something very wrong and put the settings so that only the first child is shown or something
I can give you access to almost everything you need. Just let me know. Thxs a lot, very very much appreciate that you support yout free add on that quickly!
It is a test site on a free server where I set up pages for clients to look at before they buy.
Beneath the page Blau AG there's three subpages, and six beneath r4b
I can only see the first subpage, so I assume the dropdown disappears behind the container. Although of course it could be I did something very wrong and put the settings so that only the first child is shown or something
I can give you access to almost everything you need. Just let me know. Thxs a lot, very very much appreciate that you support yout free add on that quickly!
Hi again!
Search in view.css (or your custom template CSS) for following (about line 26):
and change it to (insert z-index):
Search in view.css (or your custom template CSS) for following (about line 26):
.amiant-css3-menu-navigation-bar .navigation-menu li { margin: 0px 0px 0px 5px; padding: 5px 0px 5px 0px; float: left; position: relative; list-style: none; }
and change it to (insert z-index):
.amiant-css3-menu-navigation-bar .navigation-menu li { margin: 0px 0px 0px 5px; padding: 5px 0px 5px 0px; float: left; position: relative; list-style: none; z-index: 1; }
That's it, thxs a lot! Incredibly fast support! Thumbs up