Show "side-panel-trigger-close" on lg and xl devices

3 replies · opened Jun 18, 2019

RryearmJun 18, 2019

Hi Guys!

I'm using the Interior Design Demo. Can you tell me how to make the "side-panel-trigger-close" always show, even on large desktops?
Screenshot is attached. I think it would be more intuitive if it always shows regardless of device type or screen size.

http://themes.semicolonweb.com/html/canvas/demo-interior-design.html

<div id="side-panel-trigger-close" class="side-panel-trigger"></div>

thanks,
Rye

SSemicolon WebSTAFFJun 20, 2019

Hello,

This is Definitely Possible! Simply find the following code in the css/responsive.css File:

body.side-push-panel #side-panel-trigger-close a {
	display: block;
	position: absolute;
	z-index: 12;
	top: 0;
	left: auto;
	right: 0;
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #444;
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	border-radius: 0 0 0 2px;
}

and then Copy it! Then find the following code in the style.css File:

#side-panel-trigger-close a { display: none; }

and replace it with the previously copied Code.

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.

RryearmJun 21, 2019

this works like a charm. thank you so much and have an awesome weekend!

SSemicolon WebSTAFFJun 24, 2019

Hello,

Always Happy to Help! Really Glad that your issues were resolved.

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