Issue with dropdown menu on mobile

Hi,

For small screen I made dropdown menu’s, but they don’t work properly. The menu-items seem to hide behind the text so you can’t click on them (when you scroll up to were a pic is, it works fine).

It happens on al pages but here’s an example page: https://www.consult-it.nl/ict-diensten/

How can I fix this?

regards Karin

Hello Karin,

Thanks for writing in!

By default, the z-index of a section is 1. If you did not change it, most probably all of your sections has a z-index of 1. The problem with this default setting is that the first section will be on top of the second second. To be able to resolve your issue, you will need to edit the z-index of the second section and make it greater than the first section.

Best Regards.

Hi RueNel,

Thanx, it sounds very logical, but that didn’t do the trick for some reason. I tried several variations (section, row, column and even higher numbers) but none off 'm worked.
Hope you can figure out what’s going on.

Rgards

Hello Karin,

To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

Hey Karin,

Thank you for the credentials. I went ahead and changed the z-index from 1 to 99 of the section that contains the dropdown menu and this has fixed the issue.

Please clear your browser’s cache and check the page now. Cheers!

You’re my hero!

You’re most welcome,

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.