Streaming live at 10am (PST)

Social Media Link Blocks not functioning on Mobile Devices


#1

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


#2

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


#3

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


#4

Glad I could help! :wink: