sticky menu on mobile

[Zex]

Hi, Mark!

I’m sorry I did not answer those questions before.

I Have already contacted our head developer for the two left questions you have.
He is promised to me that it will check that so Just be patience for now, and be sure we will try to solve that as soon as possible.
Thank you for your understanding.

Best Regards

[Mark Roberts]

No problem Zex,

Did you see my last reply about the sticky menu!
when you are down the page and try and use the nav menu, the dropdown isn’t visible.
With the example website I gave, if you click on the nav menu half way down the page,
the page scroll back up so you can see the menu dropdown.

I hope my explanation is clear enough for you.

Regards,
Mark

[Zex]

Hello Mark!

Sorry, I missed that question…

To achieve that , go to the Customizing ▸ General ▸ Extra menu, and insert the next code into the
Custom jQuery Footer text field:

jQuery('.mobile-menu-toggle.collapsed').click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
 return false;
});

https://prnt.sc/mjzt3o

Regards

[Mark Roberts]

Hi Zex,

It doesn’t work as far as I can see.
Either the menu doesn’t open any more or is not visible.
Also doesn’t scroll to top.
the only thing that happens, is the colour of the 4 nav bars change.

Do I have to remove the last CSS code I inserted before?

Regards,
Mark

[Zex]

Hi,

Please insert the next code instead the previous one:

jQuery('.mobile-menu-toggle.collapsed').click(function() {
jQuery("html, body").animate({ scrollTop: 0 }, "slow");
 return false;
});

[Mark Roberts]

Hi Zex,

Works perfectly, Thanks a million 🙂

I was just thinking about the other problem I have of the page loading half way down in mobile on iphone.
Is it possible to perform a similar jQuery trick to force the page to the top ‘on load’ or something like that!?

Im no programmer, just me trying to think about a solution.

kind regards,
Mark

[Zex]

Hi, Mark!

I’m glad we finally find the solution that’s work 🙂

I see a Jerry already has answered you that question on the next thread:
https://theme-vision.com/forums/topic/nav-menu-links-dont-link-to-top-of-page-in-mobile/#post-12397

Best Regards

[Author]

Posts