Canvas Support

How can I create multiple trigger menu on both sides

8 replies·opened Jan 3, 2017
C
chris2015Jan 3, 2017

I really need more than one trigger menu

LEFT
<br>
RIGHT

thank you

S
SemiColonWebSTAFFJan 4, 2017

Hello,

You will simply need to Duplicate the #primary-menu-trigger in the style.css, css/responsive.css and the js/functions.js File and change the Left Position of the Duplicated Element to Right Position.

So basically, find the #primary-menu-trigger CSS Blocks in the css/style.css File and you new code will look something like this: 

#primary-menu-trigger,
#page-submenu-trigger2,
#page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

So you will need to do this in the same way in the css/responsive.css File and the js/functions.js File by adding the Duplicated Element with a comma (,).

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.

C
chris2015Jan 4, 2017

In same page I use for my FIRST MENU this:

<div id="side-panel-trigger" class="side-panel-trigger"><a href="#"><i class="icon-chevron-left"></i>FIRST MENU</a></div>

and for my SECOND MENU this:

<a href="#" class="side-panel-trigger button button-red nomargin"><i class="icon-reorder"></i>SECOND MENU</a>

and:

<body class="stretched side-panel-left no-transition sticky-responsive-pagemenu">

please send me everything with what exactly I must add and change

thank you,
Chris

C
chris2015Jan 4, 2017

not resolved, can you help me please look at my previous post.

thank you,
Chris

S
SemiColonWebSTAFFJan 5, 2017

Hello,

We Really Apologize but we are unsure about the Functionality you are planning to use! Please let us know which Menus are you trying to Duplicate so that we assist you further with this. Thanks for your Patience.

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

S
SemiColonWebSTAFFJan 6, 2017

Hello,

Unfortunately, currently 2 Side Panels on the Same Page is not supported. Thanks for your Patience.

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

C
chris2015Jan 17, 2017

is posible pass valueOne to my first menu and valueTwo to my second menu.
e.g.

<div id="side-panel-trigger" class="side-panel-trigger"><a href="#" id="valueOne"><i class="icon-chevron-left"></i>FIRST MENU</a></div>
<div id="side-panel-trigger" class="side-panel-trigger"><a href="#" id="valueTwo"><i class="icon-chevron-right"></i>SECOND MENU</a></div>

and in same page how can I get valueOne and then I create if else statement

<nav class="nav-tree nobottommargin">
<ul>
<?php if(get valueOne true){ ?>
<li>test menu link 1</li>
<?php }else{ ?>
<li>test menu link 1</li>
<?php } ?>
</ul>
</nav>
C
chris2015Jan 25, 2017

SemiColonWeb, Did you have any answer to my question.

Regards,
Chris

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