Mega Menu sub menu item spacing

I have a simple Mega Menu set up on my website, the main menu contains three items:

Home | Services | Contact Us

Under the Services menu are three sub menu items. All works well but there seems to be no way to control the submenu item padding when the menu is viewed on mobile.

The submenu items appear quite close together when viewed on mobile and this is resulting in two ‘Mobile Usability issues’ with Google Search Console, namely:

Clickable elements too close together

Content wider than screen

I want to simply increase the line height or add padding above and below each submenu item to give additional vertical space between each submenu item but I’ve been through every setting under each tab and I can not find any setting that allows me to increase the vertical spacing between each submenu item on mobile. After each setting change, I’m clearing the cache to ensure changes are visible.

Note, I don’t want to increase this space on desktop as it is fine.

For the Mobile Menu submenu, I currently have the Force Full Width ‘Selector’ set as body (i.e. unchecked) but I’m still getting the Google error detailed above.

Can anyone let me know how to correct these two issues.

Many thanks

• This topic was modified 4 years, 4 months ago by thebigblue.

The page I need help with: [log in to see the link]