Nav Menu on Tablet

stefan
Offline
Last seen: 1 year 8 months ago
Thu, 06/29/2017 - 15:26
#1
Nav Menu on Tablet

Hello,

I want the nav menu working on tablet. I changed the data-responsive-width from 1200 to 768 in the nav class awemenu-nav headroom,
but the menu is behind the slider. It is not visible.
How can I fix it? Thanks

http://www.stm-systems.net/kundenprojekte/camel-active-shop/index-tablet...

Thanks Stefan

cindy
cindy's picture
Offline
Last seen: 1 day 3 hours ago
Fri, 06/30/2017 - 15:51

We are checking this 

We will reply you as soon as possible

cindy
cindy's picture
Offline
Last seen: 1 day 3 hours ago
Tue, 07/04/2017 - 14:42

Hi,

You need to increase data-responsive-width = 1200

You can check our demo

stefan
Offline
Last seen: 1 year 8 months ago
Tue, 07/04/2017 - 20:41

Hi Cindy,

thanks for your answer. Yes I know, that the original width has been 1200 pixel but tablets have a smaller resolution so I want to change the value for data-responsive-width.

With the higher value there is only a small menu button visible on tablet visible.

Is there a solution. I can also pay for it.

Greetings Stefan

cindy
cindy's picture
Offline
Last seen: 1 day 3 hours ago
Wed, 07/05/2017 - 10:25

So, do you want the menu on tablet to display similar to menu on desktop or menu on mobile? There are 3 values which can be changed:12001024768

And we suggest using value 1024 because this is tablet's screen size. If you use 768 , then menu's width is not enough to display on the same level with logo and it will be pushed tobe under logo

stefan
Offline
Last seen: 1 year 8 months ago
Thu, 07/06/2017 - 15:13

Hello Cindy,

I changed the data-responsive-width to 1024.

I still have the problem that the sub-menu are not visible on tablet. The sub-menu (mega-menu entries) is behind the slider and on other pages it is behind the first html - element

http://www.stm-systems.net/kundenprojekte/camel-active-shop/index-tablet...

This is the version where it is visible, but this is not the kind of menu I prefer.

http://www.stm-systems.net/kundenprojekte/camel-active-shop/index.php

Can you help me to fix it?

Thanks.

cindy
cindy's picture
Offline
Last seen: 1 day 3 hours ago
Fri, 07/07/2017 - 10:50

Please add the following code at the last line of file awemenu.css

.awemenu-nav .awemenu-active > .awemenu-submenu {
z-index: 9 !important;
}
stefan
Offline
Last seen: 1 year 8 months ago
Fri, 07/07/2017 - 15:42

Thanks

Log in or register to post comments