-
Posts
-
I’m using the Sticky Menu plugin to make a div stick to the top of the page on scroll. However, it appears under the text when scrolled. I’ve tried setting the z-index on the div to 99999 and avia-section to 1, as well as several other variations, but nothing seems to work. What am I missing?
Link is in private content.
Update: I have this working on all but the content section with the circle icons just below the top banner. That content section overlaps the top banner, so I set it’s style to this:
#tdw-home-services {
position: relative;
margin-top: -110px !important;
background-color: transparent;
z-index: 10!important;
}However, doing this causes the text in this section to appear over the sticky box. Setting z-index: 9 causes the icons to appear below the top banner image, but the sticky box appears over the content as desired. I created a new page to show this. Link in the private content section.
The sticky box has a z-index of 99999 but that doesn’t appear to do anything.
How do I get the icon section to appear over the top banner, but under the sticky box?
Hi,
Thank you for using Enfold.
What if you move the sticky form inside the second section just above the 4 columns? Adjust the position using css.
Best regards,
Ismael
- The topic ‘Sticky Element Under Text’ is closed to new replies.