Social Media Link Blocks not functioning on Mobile Devices

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

Hi @misslizaface

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??

Thanks

@marsh Oh my goodness. Thank you so much! That worked perfectly. You’re spot on. It was the z-index.

1 Like

Glad I could help! :wink: