Some links in drop down menu on mobile view not showing but can hover and select

[Recce43]

Hi, i wonder if someone can assist. This only happens on one project i have.

The menus and drop downs work fine in all view EXCEPT on a mobile. When going into the drop downs, some of the nav links appear missing, but when you click on them, they vaguely show and execute to the correct page.

These links work fine in all other views and you can read what it says and select, i dont know why it is different in mobile view and why only some of them are doing this, equally i have no idea how to change it as its only in mobile view? @Norm @Eldar

I would appreciate some advice and guidance.

The website is:https://www.berkshireyeomanrymuseum.org/

I did make a short video of the issue, but cannot upload it here, so screenshot below

[PeteSharp]

Hi @Recce43

Looks like you have a mix of styling in your menu, using the sub classes for special menus (which is set to semi transparent white) and also have assigned a colour to most menu items, bar the ones not showing up properly on mobile. So you could solve it by assign the font colour to those menu items.

If all your menu items are the same, it’s best to set them with one specific class’, and not set each menu item individually. Otherwise you can end up with CSS specificity issues like this, where the style you don’t want wins.