Return to previous page

Hide navigation meby when dragging down on mobile

This topic has 17 replies, 4 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

antcuc

Participant

December 16, 2014 at 20:57

Hi, is there any way to hide or cover with black the navigation menu on mobile. On the iphone when you drag down on our site the navigation is revealed.

Thanks for you time.

Please, contact administrator
for this information.

#29917 Copied

16 Answers
Eva Kemp

Support staff

December 16, 2014 at 22:53
Hello,

Please add this code into custom.css file:
```
@media (max-width: 979px) {.menu-icon:before {
color: black;
}}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#29934 Copied
antcuc

Participant

December 17, 2014 at 00:52

Hi, thanks but that did not work.

However, I got it to be hidden using this:

.st-menu {
visibility:hidden;
}

But when I use this code the nav menu takes longer to pull out on mobile. It takes 3 seconds for the menu to slide out. Without this code it takes 1 second but then the menu is visible at the top when you drag down.

See attached image please.

Please, contact administrator
for this information.

#29958 Copied

Eva Kemp

Support staff

December 17, 2014 at 11:10

Hello,

What theme version are you using?
You need update it to 1.5.2 version.

If there are still some problems after update please provide us with FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#29990 Copied

antcuc

Participant

December 17, 2014 at 11:24

I updated to 1.5.2 a few days ago.

FTP and wpadmin attached.

Please, contact administrator
for this information.

#29992 Copied

Eva Kemp

Support staff

December 17, 2014 at 12:58

Hello,

I’ve updated Essential Grid, Ultimate Addons for Visual Composer plugins.
Please check the site now.

Thank you.
Regards,
Eva Kemp.

#30015 Copied

antcuc

Participant

December 17, 2014 at 20:49

Thanks but the problem still persists.

Any other ideas?

#30136 Copied

antcuc

Participant

December 19, 2014 at 02:18

Or is that just how the theme is setup?

#30382 Copied

Eva Kemp

Support staff

December 19, 2014 at 09:06

Hello,

I’ve checked your site and don’t see any issues with menu.
Are you still experiencing the problem?
Could you please show a screenshot?

Thank you.
Regards,
Eva Kemp.

#30395 Copied

antcuc

Participant

December 19, 2014 at 09:19

The issue is on mobile. While on the site, drag down anywhere and you will see the Navigation Menu exposed. This will undoubtedly confuse customers as they browse. Screenshot attached.

Please, contact administrator
for this information.

#30398 Copied

Eva Kemp

Support staff

December 19, 2014 at 17:49

Hello,

Sorry, but we don’t see the issue on the site:
http://i.imgur.com/MzNaBjG.png
What mobile device are you checking in?

Regards,
Eva Kemp.

#30499 Copied

antcuc

Participant

December 19, 2014 at 19:10

We’re on an iphone. If you drag down on the homepage, you will see it at the top.

#30514 Copied
Robert Hall

Support staff

December 20, 2014 at 09:37
Hello,

I’ve added following code into style.css of the Child Theme. Please check your site now.
```
 .mobile-menu-block.st-menu {
 z-index: -1;
 visibility: hidden;
}

.st-menu-open .st-menu{
 z-index: 1;
 visibility: visible;
}
```
Regards,
Robert Hall.
#30553 Copied
antcuc

Participant

December 20, 2014 at 11:43

Hi yes that did fix the issue however now it takes 3 times as long for the menu to pull out. Sometimes 3-4 seconds.

I think the issue is the visibility: hidden style slowing it down. Is there a way to just cover the menu with a white box and swap the two when the menu button is clicked? That way nothing needs to be hidden.

Thanks for you help.

Also, I think this definitely should be fixed in a future update. I looked at the other Royal demos and they all have this issue.

#30561 Copied

Olga Barlow

Support staff

December 23, 2014 at 14:21

Hello,

I see. Ok, then you may delete that code. We’ll try to fix this bug in our next update, but unfortunately it will be available not earlier than Christmas Holidays will end, after January, 9.

Regards,
Olga Barlow

#30863 Copied

antcuc

Participant

December 23, 2014 at 22:22

I appreciate your help and look forward to the update. Happy holidays =)

#30949 Copied

Eva Kemp

Support staff

December 23, 2014 at 22:25

Hello,

Thank you for your understanding and patience.

Merry Christmas.

Regards,
Eva Kemp.

#30951 Copied
Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘hide navigation meby when dragging down on mobile’' has been successfully resolved, and the topic is now closed for further responses

Hide navigation meby when dragging down on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection