My social media link boxes are not functioning on mobile. They are all hyperlinked to the appropriate social media platforms. I’ve never had this problem before. Help! How do I fix this?
Here is my site Read-Only: https://preview.webflow.com/preview/texas-medicaid-works?preview=b87710739af24fec59cf719c923b19f4
Here is my live site: www.texasmedicaidworks.org
I think this is an issue with z-index…
Slider-content. third. homepage has a z-index of 10, but on mobile this element is taller so it’s overlapping the social-wrapper. hero This means on mobile the Social wrapper with button inside are under the Slider Div.
Solution is to give Socail Wrapper a z-index higher than 10 so it’s on top, or look at the styling of your hero section as a whole to overcome the overlapping. Definitely worth setting higher z-index first, publish and test on mobile to see if it fixes the issue.
I’ve highlighted your slider div in yellow from preview so you can see the overlap easier:
Let me know how you get on??
@marsh Oh my goodness. Thank you so much! That worked perfectly. You’re spot on. It was the z-index.