Home Forums Basel support forum Mobile menu on desktop and on the left instead of right Reply To: Mobile menu on desktop and on the left instead of right

#30229

Artem Temos
Keymaster

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

@media (max-width: 1024px) {
	.site-logo {
			padding-left: 40px!important;
	}
}

.main-nav> div {
	display:none;
}

.main-header .wrapp-header {
	position:relative;
}

.right-column .mobile-nav-icon {
		display: inline-block!important;
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -15px;
    margin-left: 0;
}

.mobile-nav {
	display:block!important;
}

.website-wrapper {
	left:0;
}

.website-wrapper.left-wrapp {
	left:150px;
}

.website-wrapper.basel-wrapper-shifted {
	left:-150px;
}

.main-header {
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
}

.basel-cart-opened .header-shop.act-scroll {
	left:-150px;
}

.act-mobile-menu .header-shop.act-scroll {
	left:150px;
}

Kind Regards
XTemos Studio