Dropdown menu items not responding

My problem concerns the mobile version of the Shapely-theme. The menu dropdown items do expand and collapse in the proper way, but the menu-subitems can not be activated. Check out on: http://www.studenttrainers.com.transurl.nl/.
I see a lot of forum items about problems like this, but none of the solutions seem to work. Thanks a lot for helping.

Hi @minzewander,

I hope you are well today and thank you for your question.

I visited your shared site and the drop down menus are displaying for me on tapping on the arrows as shown in the attached screenshot.

Please advise.

Best Regards,

Hello Movin,

yes, this happens to me as well. But from that moment on an user is unable to select a subitem, like for instance the subitem Studenten.


I troubleshooted it on your site and found this is happening because of following custom CSS code you are using on your site.

.main-navigation li a, .main-navigation li {
    z-index: 9999;

To resolve the issue try removing the above CSS code from the Custom CSS option of theme.

Hello Movin,

this was a great help. Problem is solved.


You are most welcome here :slight_smile:


I really enjoy this themeā€¦ I am just curious if there is a way to make it so that the 4 items on my menu appear in one line as opposed 2 rows. Thanks in advance for the help

@salam This is old topic and to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.