Archived topic

GP Premium – Mobile Menu touch to expand area limited

5 replies · Started by george on January 19, 2021

Viewing posts 1–6 of 6

January 19, 2021 at 1:05 pm #1625502

With GP premium when using a mobile menu the click/touch area around the arrow toggle is very limited and causes my new visitors to easily activate a menu link and not the menu arrow/toggle which in turn leads to frustration and higher bounce rates. Can the click/touch area around the arrow/toggle be increased?

If this cannot be accomplished through the front end, please consider this a feature request.

thank you.

January 19, 2021 at 1:09 pm #1625505

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

January 19, 2021 at 1:14 pm #1625513

Hi, yes of course, see

January 19, 2021 at 2:15 pm #1625571

Just to confirm, are you referring to this area here?
https://www.screencast.com/t/2JKdoZh5rbm

If so try this CSS:

.main-navigation.has-branding .menu-toggle {
    padding-left: 40px;
    padding-right: 40px;
}

January 19, 2021 at 2:21 pm #1625574

Thanks for your reply. No I am not referring to the hamburger mobile menu toggle. After you press this, the menu appears with ">" toggles for the submenus. I am referring to the ">" arrow symbols; the click/touch area left & right of the ">" is very limited.

January 19, 2021 at 2:27 pm #1625579

Ahh I see. Try this CSS instead:

.main-navigation .menu-item-has-children .dropdown-menu-toggle {
    padding-left: 40px;
    padding-right: 40px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Personally, I always like to use a custom link for the parent menu item like this:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-link

Then you can click anywhere on the parent menu item to activate the submenu.

Let me know if this helps :)

This archived topic is closed to new replies.

Start building better websites today.