Streaming live at 10am (PST)

Text Links not working when underneath fixed position div?


#1

Hi,
I have a floating button that I have in a fixed position div with a z-index of 1. I’ve dropped this inside a full width container to help position it in the layout. I’ve noticed that when I scroll down the page the text links stop working when scrolled underneath the full width container?
Any ideas why this is happening and how I can fix it?
Thanks.

Preview Link
http://lost-and-foundry.webflow.io
Read Only link
https://preview.webflow.com/preview/lost-and-foundry?preview=6b48390a411fc4b61f49bc5dfd281c1d


#2

Hey @TomB! I just tried to delete the container and give the button a position fixed and everything is perfect! The button doesn’t need this container!


#3

Thanks @donaldsv, your right it does work without that container but if you have a large screen and pull the browser out the floating button moves outside of the main content area. Which is why I used that container to constrain it to the max width 1440px. Can you think of another way to keep it from moving outside of the content area?


#4

Okay! So you can put the button back in a container with a z-index of like 10. After that you can make all your links position relative with a z-index of 11 and everything will be fine!

Also, I just took a look at your site on a 32" monitor and the Intro Container needs a margin right ‘Auto’, Otherwise it gets pushed to the right!


#5

Thanks for you help @donaldsv,
Thats working well now.