Canvas Support

Primary menu class current

4 replies · opened Oct 6, 2017

IidealeruOct 6, 2017

Dears,

How to make menu in a template "demo business" to change the class of current primary menu <li> during the scrolling content?

Like in one-page demo.

Best regards.

SSemicolon WebSTAFFOct 11, 2017

Hello,

This is Definitely Possible but there are 2 requirements to make this work properly:

  1. Make sure that you are using the following code for the One Page Menu:

	
- [Home](#section-home)
	...
  1. Make sure that you add the .page-section Class to the One Page Sections (#section-home).

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IidealeruOct 12, 2017

Thank you for reply.

I've tried to make that way but the menu doesn't change while scrolling the page.

Construction:

					
   							
- [Home](#wrapper)

- [Услуги](#section-services)
...

and

	
...

					&lt;div id="section-services" class="center col-md-8 col-md-offset-2 bottommargin"&gt;

...
</div>
`
When click on menu item it scrolls, but the menu item doesn't change to .current class.

SSemicolon WebSTAFFOct 21, 2017

Hello,

Thanks for your Patience!

As we have mentioned earlier, you will need to add the .page-section Class to the One Page Sections. Example: 


	...

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IidealeruOct 25, 2017

Now it works!

Thank you!))

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard