Button works only on smartphone

Design help Animations & Interactions
1

Hey,

I almost finished first part of my first website in webflow. I found one issue that I can’t figure out how to fix. For desktop whole website looks a bit differently than for other devices such as tablets, smartphones. Instead of text button in navigation, I’m using a hamburger menu. So, getting to the point - click interaction which I made for it works fine for smartphones in their vertical view but doesn’t seem to be working on tablet or smartphone horizontal view. I have selected all devices in “Trigger Settings”.

Thanks in advance for any help

Here is my public share link: https://preview.webflow.com/preview/daria-bokowy-370786fefef193f71be2211327?utm_medium=preview_link&utm_source=designer&utm_content=daria-bokowy-370786fefef193f71be2211327&preview=5e6b972da4da61d63786a0ecb2917baf&mode=preview

2

Hi,

Great site, I love the design. If you select the hamburger-i class and set the position to relative and the z-index value to 99 it will work.

54

The issue was that your menu was actually hidden behind other elements. Setting the z-index brings it to the top of those elements.

1 Like
3

Thanks @JSW for help and kind word! :smiley:

1 Like