How Can I remove the original menu when on mobile

Once you add the menu you want to use as the mobile menu the plugin will hide the original menu and show the mobile menu at the designated size.

There is also an option in the options page to make it stick to the head of the page.

I have added the Slicknav – it displays but if you take a moment to view the site haskewlaw.com on a mobile you will see the theme navigation bar also remains and the menu bar does not stick to the top of the page even though the option is clicked.

You will see there is already a header bar that used to stick to the top of the page which has been moved down below the menu bar.

Ideas to solve the issues appreciated.

I see some javascript error being generated via Dev Tools in Chrome when you scroll at the smaller size, the error is in
https://haskewlaw.com/wp-content/plugins/ultimate-social-media-plus/js/custom.js?ver=4.5.2

and highlights…

function sfsi_plus_stick_widget(s) {
    0 == sfsiplus_initTop.length && (SFSI(".sfsi_plus_widget").each(function(s) {
        sfsiplus_initTop[s] = SFSI(this).position().top;
    }), console.log(sfsiplus_initTop));
    var i = SFSI(window).scrollTop(), e = [], t = [];
    SFSI(".sfsi_plus_widget").each(function(s) {
        e[s] = SFSI(this).position().top, t[s] = SFSI(this);
    });

Maybe if you disabled ultimate-social-media-plus, does it then work ok?

Hi,

I have deactivated the social media buttons. The menu will still not scroll. I have set fix to header as I would like the menu to appear at top of the page throughout the site.

Thanks in advance.

Ok add this snippet in your style.css file at the end – https://haskewlaw.com/wp-content/themes/Engrave/style.css

@media only screen and (max-width: 600px) {
#notification {
	margin-top: 55px;
  }
}

That will push everything down from the menu when the viewport is less than 600px

Oh I see what you mean about the scroll – no it will not scroll if set to fixed

Marking as resolved

my website is ecomedsa.com and im having the same problems. the original menu is still displaying on mobile version. are there special settings to configure? thanks.

You have MeanMenu working as well as SlickNav, you’ll need to disable MeanMenu

Hi,

Since last week (we moved DNS) and changed some settings on mobiles a menu bar appears above the slicknav menu button which does not work and sticks to the top of the page.

How can I remove the defunct menu button?

Thanks,

i dont know how to diable MeanMenu, i mean, i cant see it in my plugin list. is it embedded in the template? thanks

It would be a theme option then, lodge a support ticket with your theme supplier.

Got it and they fixed it. Thanks,

Hi,

The theme I am using had an update and now the code you provided

@media only screen and (max-width: 600px) {
#notification {
margin-top: 55px;
}
}

Is failing to hide the theme navigation menu when on a mobile – do you have more code?

Thanks