Mobile mode: How to hide sticky menu when scrolling down

Hi Supporters,

In mobile mode, both Portrait and Landscape, sticky menu covers an area on top of the screen.

portrait.jpg

Landscape.jpg

So I want to hide the sticky menu when scrolling down and unhide it when scrolling up.

Please tell me if it is possible and how can I do it?

Thank you and regards,

Hai

Could you please post an url to your site?

Hi Cyberec,

My URL is photowording.com

Also, please visit following website using mobile phone for reference:

http://dantri.com.vn/

When you scroll down to read, the top menu disappears, so letters are not covered. But when you scroll up, the menu appears again and users can click on menu items.

Thank you and looking forwards to hearing from you.

Hai

One thing is to disable cticky menu (and have it always on top of the page), other thing is to show it when you scroll up. First can be done easilly with css override, second requires custom design (payed) job.
Which version would you like to have on your site?

Hi Cyberek,

I like the second option. How much I have to pay for that?

Thank you and regards,

Hai

I can implement same solution like:
https://demo.gavick.com/joomla3/quark/
for 30$ or you can try to do it by yourself, the code can be found in gk.menu.js of quark template.

Hi Cyberek,

I visit the Quark demo, but it is not what I meant.

Can you visit this site: dantri.com.vn to see.

Please use mobile phone to explore.

In this website, when we scroll down, the menu will disappear and does not cover letters when reading an article.

But when scrolling up (only a little), the menu will appear again, so user will see menu items like login...

Thank you and regards,

Hai

Well this is exactly same behave, you just needs to scroll past the header.

Hi cyberek,

I will review again the Quark template and will come back with this matter later.

Thank you very much for your support so far.

Hai

Ok, please let me know on your decision.