[Resolved] No mobile menu if meta slider is active

[Jacks McNamara]

Hello there – so my mobile menu was not showing up, and after disabling plugins I discovered it was the meta slider plugin. But I really want to use meta slider! Is there some way to have both meta slider active and have my mobile menu show up? The site in question is http://www.jacksmcnamara.net

[Jacks McNamara]

I’m using meta-slider pro, not the free version.

[Tom]

Interesting – can you quickly test if the issue still happens if the navigation is set to below the header instead of the sidebar? The issue might be there.

If it’s a sidebar navigation issue I should be able to dig a little deeper and figure it out 🙂

[Jacks McNamara]

you’re right. If I move the navigation under the header, I don’t have the problem.

[Tom]

Got it – let me look into this a bit and I’ll get back to you.

[Jacks McNamara]

thanks! I’m headed out of town, so may not be able to implement changes for a few days.

[Tom]

Playing with this – can’t duplicate it using the free meta slider.

I’m not seeing Meta Slider on your homepage there – which page is it on?

Let me know 🙂

[Jacks]

Meta slider is on the painting/art gallery pages

[Tom]

Hmm, very strange. I’m not seeing any javascript errors, and the issue is still happening on pages that don’t even have a slider.

I’ve tried duplicating the issue with the free meta slider with no luck.

Can you try deactivate meta slider pro for a moment just so I can see it working?

[Jacks McNamara]

Hey there – I’m back in town and able to look at this again. Can I give you a temporary admin acct and password and then you can log in to the site and disable meta-slider when you have a minute to look at it, and poke around and see what you find? Or let me know when you’re online and I’ll do it then?

[Jacks McNamara]

This is so strange – I just went and de-activated meta-slider, and now there is still no menu, even with meta-slider de-activated.

[Tom]

Can you try your other plugins? Be sure to clear your cache when testing.

If you can’t find it, feel free to send a temporary admin account to support@generatepress.com and I’ll take a look 🙂

[Jacks McNamara]

I found it – it’s GP premium!

It was a problem with how I had the Above Left Sidebar Hook written. I had:

<div class="hide-on-mobile "> <div>
    <img src="http://jacksmcnamara.net/wp-content/uploads/2016/05/final-tree-logo-300px.png" alt="Jacks McNamara Logo" />
</div>

If I remove <div>

Then I have the menu. But I lose the margin, and can’t figure out how to restore it. I tried

<div class="hide-on-mobile ">
    <img src="http://jacksmcnamara.net/wp-content/uploads/2016/05/final-tree-logo-300px.png" alt="Jacks McNamara Logo" />
</div>

but that doesn’t work. Any thoughts?

• This reply was modified 7 years, 9 months ago by Tom.

[Tom]

Ah, if you ever open an HTML element, you need to close it at some point.

Are you trying to add space above the image?

[Jacks McNamara]

Yup.
Just noticed that the code I copied in at the top was not correct. What used to be there was

and what I removed was the

which gave me the extra 15px, but somehow made the menu not display. I found this (

) on some old generatepress support thread.

Trying to add 15px at the top. I suppose I could just add it the image itself in photoshop, rather than through html. I was just curious how to do it with html! Trying to learn things.

[Author]

Posts