-
Posts
-
I’m implementing a source / code block that functions a pop up box. I can’t get the z-index of the overlay bg to be on top of all the page’s element.
I tried using the following css in my child theme:.page-id-8059 .avia-builder-el-19 { z-index: 10000 !important; } .page-id-8059 .avia-builder-el-42 { z-index: 0; }Please advise and thank you!
Hi avwebmaster!
Try dragging a codeblock element to your content and add this inside.
<style type = "text/css"> #main > div:first-child { position: relative !important; z-index: 888 !important; } </style>Though I think if you add all of your content inside a color section besides the other two sections then it should work as well.
Regards,
ElliottHi!
Hmm, I’m not sure what you mean. Can you take a screenshot?
Also, keep in mind that if you reply to your own topic it’s position in the queue gets reset so it takes longer for us to see it. Just be patient and we’ll be with you shortly.
Best regards,
Elliott<style type = "text/css"> #main > div:first-child { position: relative !important; z-index: 888 !important; } </style>Using the code above makes the main div below the pop up if you click on the LET’S TALK button. Please see link.
Everything is fine except the drop down / sub menu under the PRODUCTS menu no longer show up. This is particular on this page. If you go to the other pages, all sub menus show.I tried modifying the z-index of the following:
#header 887 (I made this below the main div)
main nav / sub menu 889
main div 888 (based from the code above)
– Please click on the LET’S TALK button to see what I am trying to achieve. Aesthetics is there except the sub menu do not show.It is giving me z-index issues. It seems like it’s either I have to make the whole header on top of the main div to make the sub menu show up.
Hi!
I’m sorry but I’m still not sure I understand. Are you trying to have the sub menu highlighted in your screenshot stay on top of the popup when you click on the Let’s Talk button?
Go ahead and highlight in your screenshot exactly what your trying to do so we can get a better idea. On my end everything looks fine.
Best regards,
ElliottSorry for the confusion…
The drop down / sub menu is working perfectly on all other pages except on the link http://www.audienceview.com/new-explore-template-2/
I would like this sub menu of PRODUCTS to appear on this page. http://www.audienceview.com/new-explore-template-2/
For some reason the z-index is not working on sub menus particularly on the page / url provide.The sub menu works here http://www.audienceview.com/pricing/ Please hover on the PRODUCTS link and you will see the sub menu.
I shared a link for you to see the sub menu showing on other pages except the template page. Hope you could help me with this one. Thank you.P.S. The sub menu does not work when viewing the template page (not clicking the let’s talk button) – I believe it’s a z-index issue because we assigned a z-index in the main div.
Hi!
You can increase the z-index property of the header container:
#header { z-index: 5000; }Best regards,
IsmaelI know :) but I would like to cover the header/menu with the transparent bg when the pop up comes up. I assume the sub menu is part of the header and cannot have a separate z-index?
This is good for now unless there is a better way. Thanks for your patience.
Hi Ismael,
Another issue came up when the team decided to enable the breadcrumbs.
Now, the z-index is all over the place.
Please click on the LET’S TALK button and scroll.Would appreciate if you could look at this issue. Disregard the previous ones. Thank you.
- You must be logged in to reply to this topic.