Canvas Support

Menu expend by default

6 replies · opened Sep 30, 2019

Nnicolas33770Sep 30, 2019

Hi,

I would like to know how I can open the menu, sub-menus by defaut when the page load please on this page : http://themes.semicolonweb.com/html/canvas/header-side-left.html

I have a small menu and is difficult / not necessary to navigate with the hover / click animation.

How I can load and keep the menus and all sub-menus open please ?

Thanks a lot for your help

Nnicolas33770Sep 30, 2019

Hi,

Other questions :

  • Is it possible to expend only the sub-menu on active page.
  • Is it possible to change the hover timing to open / close the menu, is it too speed.
SSemicolon WebSTAFFOct 1, 2019

Hello,

This is Definitely Possible. Follow the steps below:

  1. Delete or Comment out all the instance of the following function in the js/functions.js File:
SEMICOLON.header.superfish();
  1. Add the .d-block class to the <ul> Tags holding the Sub-Menus. Example:

	
		
- [Home](index.html)
			
				
- [Home - Corporate](index-corporate.html)
				...
			
		

		...

  • For the Sub Menu to expand only on an Active Page, you will need to convert your Page into PHP and then detect the active Page URL and apply your codes accordingly.

  • Find the following code in the js/functions.js File:

$('body.side-header #primary-menu:not(.on-click) > ul').superfish({
	popUpSelector: 'ul',
	delay: 250,
	speed: 350,
	animation: {opacity:'show',height:'show'},
	animationOut:  {opacity:'hide',height:'hide'},
	cssArrows: false
});

and change the value of the speed Setting according to your needs.

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.

Nnicolas33770Oct 1, 2019

Thank you for your help ! I will find a solution for me in your response. ;)

Nnicolas33770Oct 1, 2019

Just one more question. I think to find a good way to solve my problem but I have a little issue.

  • I would like to keep "SEMICOLON.header.superfish();" active
  • I had class="d-block" to first level to open the first menu level

When I load the page the menu display as I want, but when my mouse over the first level the <ul class="d-block"> menu disapear and appear again.

Is it possible to force superfish() function to just interact with somes or

  • but not all of them ?
Nnicolas33770Oct 1, 2019

I found other way, thank you

SSemicolon WebSTAFFOct 2, 2019

Hello,

Glad that your issues were resolved. Thanks for your Patience.

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

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