How to prevent this css error in sticky header 1200px with screen

I think that would better if the burguer icon appears at 1200px
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

It is possible only for a sticky header and this will look like https://prnt.sc/jfa2tp

Regards

Hello, my sticky header looks like the attachment thanks toyour custom css. It is possible to work with 1200px? Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following CSS code to the Custom CSS area in theme settings

@media screen and (max-width: 1200px) and (min-width: 992px) {

	.document-ready .mobile-nav {
    display: inline-block;
	}
	
	 body .sticky-header .container {
			height: 80px;
	}
	
	div.sticky-header .main-nav {
		display:none;
	}

	body div.sticky-header .site-logo {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
	}
	
	div.sticky-header .right-column .mobile-nav-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
		display: inline-block;
	}
}

Regards

[Author]

Posts