Sub menu issues on mobile with Hello Boho

Questions › Category: Questions › Sub menu issues on mobile with Hello Boho
0 Vote Up Vote Down
Hilary Gallagher asked 5 years ago

Hello again – I’ve noticed that sub menus are INCREDIBLY difficult to open up on mobile with Hello Boho because ONLY the arrow is clickable to open the sub menu, and often times it takes multiple taps to open up. Is there some code I can place in to change this?

3 Answers
0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

What is the URL? Are you on a samsung or iphone?

Hilary Gallagher replied 5 years ago

iPhone- http://www.hilarycolleen.com
It was brought up to me by someone else as well who might not have an iphone.

Hilary Gallagher replied 5 years ago

The issue is also on an iPad. Can I get an update on this please?

0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

I havent been able to duplicate this issue. Ive tried both iphone and samsung. Just grabbed my ipad and it works fine there as well. The button size can probably be increased which may help.

Hilary Gallagher replied 5 years ago

Ok, well I have the issue happening regularly in my devices and it was reported to me by another viewer from their device.

Telling me how I could increase the button size would help – I don’t want to increase the “buttons” but the arrow that shows up in menus for drop downs, just to be clear we are talking about the same thing.

Hilary Gallagher replied 5 years ago

I’ve had this issue brought up to me by a couple more friends – ESPECIALLY on phones having difficulty getting the arrows to click. I’ve been waiting for 2 weeks for a response on how to increase the button size of the arrows only if that’s what you were meaning… It would be GREAT if clicking the entire word on mobile had the sub menu show up and not just clicking the arrow. Please give a response… Thanks.

0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

You can try this for the arrows

@media only screen and (max-width: 1080px) {
.genesis-nav-menu.responsive-menu .menu-item {
clear: both;
}

.genesis-nav-menu.responsive-menu > .menu-item-has-children::before, .site-header.light .genesis-nav-menu.responsive-menu > .menu-item-has-children::before {
padding: 16px;
}
}

Hilary Gallagher replied 4 years ago

I thought by now there would be some resolution here as this doesn’t solve the problem. If you go to my website on any mobile device and click Portfolio (not the arrow) nothing happens… Most of my visitors are coming from mobile and I would like clicking Portfolio to open the submenu. The same issue exists for all parent menu items with submenu items…. You HAVE to click the arrow… which can be finnicky. Anything?

Jennifer Staff replied 4 years ago

The only thing that I can think of doing is increasing the size of your arrow so it is not so small to click. If you would like to try that, I can make this private and gather your login details.