Sub menus not working on ipad for Gillian Theme

Hello,

Can you please post a link to your site where I can see these menus so I can try to help with some CSS code?

My website is https://thrussingtonvillage.org are you able to see the issue, if I cant get it fixed then I will have to find another theme which is a shame as I like this one

Thanks for your help

Hi @lola57

I’m sorry that you’re having an issue! Could you please clarify what exactly you’re experiencing with the submenus on the iPad?

I do see that you have a lot of submenus (and third-level submenus) in your navigation. I’m not sure if this is your problem, but if the issue is that the submenus are running off the right side of the screen, you could try going to Customize –> Additional CSS and adding this code:

@media all and (min-width: 768px) {

	.bottom-navigation ul ul a {
		width: 150px;
	}

}

What this does is make the width of the submenus a little smaller, so they should extend less far across the screen. This may not completely address the problem, however, and I might also suggest adjusting the order in the navigation so that items with a lot of sub-level entries in them are a little further to the left, to avoid falling off the right side of the screen.

If I’ve misunderstood your issue and there’s something else happening with the submenus for you, please let me know and I’ll try to see if there’s something else I can do!

Thank you for trying to help, the issue is that the sub menus don’t appear at all, the menus with sub menus have a small arrow at their side but the sub menus don’t drop down when you touch the menu, on a PC it is perfect, the issue appears to be on an iPad or smart phone, it is like the sub menus don’t exist

Thanks again

Ah okay, I understand the issue now! What’s happening is that when you touch the top level link on the iPad it’s going to that page rather than bringing up the sublevel menu at all. To work around this, you could make the top level link to # and it shouldn’t refresh the page when you touch it but instead bring up the submenu like you’re wanting. Here’s a screenshot of what I mean, if that helps.

Ok thanks, will give a try over then next couple of days, really appreciate the help

I have tried that and maybe I did it incorrectly but I still cant make it work, if I back arrow on the ipad it shows the sub menu but that is not very user friendly. Any other ideas on how to fix it?

Thanks

I have a similar problem, when I create a custom link to be the top menu with sub pages below the custom link does not show up. Any ideas? Thanks so much.

• This reply was modified 7 years, 7 months ago by ve7gct.

@lola57 I’ve just published an update for Gillian that should address this issue. After you’ve updated to Gillian version 1.0.7, the first time you click on a parent menu item on an iPad or tablet, it should bring up the submenu. Click again on the parent menu item to go to that page.

You should be notified in your WordPress dashboard once the update is available for you.

@ve7gct If this update also addresses your problem, great! If not, would you mind posting your own topic and including a link to your site so I can try to help further? It’ll help me to keep track of who I’m helping (and also prevent the original poster of this topic from getting email updates about something that isn’t specific to them). Thank you!

That appears to have fixed it

Many Thanks