Side panel trigger

Question

Hi there,

I'm using the side panel as a menu for mobile view. How do i hide the side-panel-trigger-close on desktop view and show the trigger in mobile view? And how do i have it placed on the left of the nav?

Thank you.

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible. Simply add the .visible-sm and .visible-xs Bootstrap Classes to the #side-panel-trigger Element to make it visible only on Tablets and Mobile Devices:

[](#)

and then use the following CSS Code to place it on the Left of the Logo:

@media (max-width: 991px) {
	#side-panel-trigger {
		opacity: 1;
		pointer-events: auto;
		top: 40px;
		margin-top: 0;
		left: 0;
		z-index: 1;
	}
}

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.