Return to previous page

Mobile menu glitches - by lyranarashop - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

lyranarashop

Participant

February 9, 2017 at 13:47

Hi Support,

We have some glitches with the mobile menu on our site (https://lyranara.com).

See https://dl.dropboxusercontent.com/u/47481084/Screenshot_2017-02-09_13-24-56-brokenmobilemenu.png

1. Newsletter icon is misplaced since last theme update. It used to be right before the newsletter menu entry.

2. The social media icons appear in black an are pretty much invisible. Setting ‘Colorful icons’ for the widget had no effect. Would like to have them in the same color as the menu entries and padded so they are not on the bottom of the screen and have some space between them.

3. I have to hold press on the hamburger icon for the menu to appear. Sometimes it will click on the first menu item while doing this. Happens mostly when in floating menu mode. Just touching the hamburger briefly like a normal link won’t open it, it will just disappear instantly.

4. On a iphone 5 (320×568 screen) the lens icon moves under the shopping bag icon. In floating menu mode it’s aligned.

Please help. 🙂

Thanks and greetings.

#154391 Copied Theme version: 2.9 WooCommerce version: 2.6.14

5 Answers
Eva Kemp

Support staff

February 9, 2017 at 16:43
Hello,

1. I don’t see newsletter icon on mobile http://storage8.static.itmages.com/i/17/0209/h_1486654196_3506854_3807a75130.jpeg . Have you hidden it?

2. Please add this code in Theme options > Custom CSS > Custom CSS for mobile:
```
.et-follow-buttons a {
   color: white !important;
   padding-left: 20px !important;
}
.et-follow-buttons {
    margin-bottom: 30px !important;
}
```
3. I couldn’t replicate the issue. What mobile device are you checking in?

4. Please use this css code:
```
.navbar-right .navbar-right {
    margin-right: 0px !important;
}
```
Regards,
Eva Kemp.
#154408 Copied
lyranarashop

Participant

February 10, 2017 at 11:30

Hi Eva,

1. You can use ipad mode in chrome to get the newsletter icon. I didn’t hid it, it only shows up if the screen is wide enough in mobile (eg. 620×590).

2. thanks, works great.

3. I test using a Nexus 7 (2013) Android tablet with Chrome and Firefox. When using chrome on desktop and emulating the screen size it will open correctly. But even there, if you press the hamburger sometimes the first link in the menu (on sale now) gets pressed when opening the menu. Click 3-5 times on different hamburger positions (mostly on the lower half) in the floating header using ipad mode.

4. thanks, word great too.

Thanks for your help and Greetings.

#154459 Copied
Eva Kemp

Support staff

February 13, 2017 at 17:39
Hello,

1. Please add this code in Global Custom CSS:
```
.mobile-nav .links .popup_link::before {
   float: left;
   top: 15px;
}
```
3. Thank you for explanation. I was able to see this issue.
It’s weird and such problem requires the look of our developers.
I’ll forward it to the senior staff for checking.

Regards,
Eva Kemp.
#154690 Copied
lyranarashop

Participant

February 14, 2017 at 10:06

Hi Eva,

1. Thanks! Works like intended.

3. Looking forward to the developers response.

Thanks for your great service! Greetings.

#154752 Copied

Eva Kemp

Support staff

February 14, 2017 at 16:52

Hello,

You’re welcome.

Regards,
Eva Kemp.

#154802 Copied
Tagged: glitches, menu, mobile, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)