mystickymenu not working on mobile

I am having the same issue – I can not get it to work on mobile. Works great on PC… but the truth is, most folks will be looking at it on mobile.

Any help would be appreciated.

Seems like you have a separate ID for the desktop and mobile menus. You should add this ID to the sticky menu to make it work on mobile #mobile-menu-button

Hi, I tried this, I added a second id (separated by comma) to the mistickymenu options, but the sticky only works in desktop, is ignoring the mobile id.

I am actually having the same issue with mobile not updating. Where/how do you add the ID (#mobile-menu-button) to the sticky menu? Thanks so much!

Please make sure both the desktop and mobile nav menus have the same class ??

Hello,

I have the same problem. Works on PC, not on mobile. I tried this code:

nav#primary-site-navigation, div.super-menu

… but same results…

Could you help me out?

Not sure it it’s helpful but the menu I am using I labeled as menu1

Thanks!

somenomadstories.com

Can you please make sure you have the same classes assigned to both your mobile and desktop menus?

@galdub

I contacted my theme support (Superb Themes) and this is what they wrote:

‘The following class is applied to both nav elements:
primary-menu’

I tried and typed in primary-menu and didn’t work. I also tried primary-menu1 (since that is how I labeled the menu I am using), still nothing.

@galdub

the code #primary-menu actually is working on desktop, but not on mobile…

You have separate classes for mobile and desktop, if you can add the same class for them and make that class sticky, it should work for both mobile and desktop. As long as you don’t have a common class, it won’t work ??

@galdub

With a help from my theme support I have added the same class name for both mobile and desktop nav.menu. I named it ‘stickymenu’. Here is the copy of theme editor/header.php:
(1st line is 59 – desktop, and the last line is 77 – mobile)

<nav id=”primary-site-navigation” class=”primary-menu main-navigation clearfix stickymenu”>

<?php esc_html_e( ‘Menu’, ‘minimalistblogger’ ); ?>

<div class=”content-wrap text-center”>
<div class=”center-main-menu”>
<?php
wp_nav_menu( array(
‘theme_location’ => ‘menu-1’,
‘menu_id’ => ‘primary-menu’,
‘menu_class’ => ‘pmenu’
) );
?>
</div>
</div>

</nav><!– #primary-site-navigation –>

<div class=”super-menu clearfix stickymenu”>

…than in you plugin under Other Class or ID I tried to type in stickymenu, #stickymenu, .stickymenu, but no luck.

Could you help me out, please?

Please try to set it this way

Just did. Works on desktop. Not on mobile. Any other suggestions?

seems like the desktop and mobile menu should be in the same div for it to work

Hi. I have a problem with mobile menu… dramadladzieci.pl
Somethimes it works very good, but sometimes menu cover all screen.