Mobile nav bar to compress once section is chosen

Question

Hi guys,

Great work with the canvas template!

I have looked around for an answer for this but not found one.

On mobile, once clicked on more for sections on the navigation bar, it collapses as it should by giving me all my options. But once the section is chosen/clicked, the bar remains fully expanded.

Is there a way for it to be set to compress itself automatically once it has been clicked?

Thank you!

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words! :)

We have just checked out your Websites along with the Codes you are using and the issue is that you are using the data-scrollto Functionality in the Primary Menu whereas it is intended to be used only for Anchor Links/Buttons which you plan to add in your Content Area.

For the Primary Menu, you will simply need to use the .one-page-menu Class along with the data-href Functionality. Here's an Example Code:


	
		
- [Home](#wrapper)
		
- [About](#section-about)
		
- [Works](#section-works)
		
- [Services](#section-services)
		
- [Blog](#section-blog)
		
- [Contact](#section-contact)

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

izabelanc · Answer

Hi there, Thanks for your reply. Can you please remove my website details from my previous message? I'm not able to edit it. Also, I think you misunderstood my question. On mobile, once I click a section e.g. Services, it scrolls to services section as it should, but the menu is fully expanded. For…

Semicolon Web · Answer

Hello, We have removed your Website Link from your Previous Reply. Thanks for your Patience! We have definitely understood your Question. We now see that you have added the .one page menu Class in your Primary Menu and now you simply need to replace all the data scrollto to data href in your Menu L…