Reply To: Break point for mobile

Hello,

Please try this code:

@media (max-width: 1240px) {
	
	.main-header .main-nav, .main-header .woodmart-wishlist-info-widget, .main-header .wrapp-header>.woodmart-search-form, .sticky-header .main-nav, .sticky-header .woodmart-wishlist-info-widget, .sticky-header .wrapp-header>.woodmart-search-form {
		display: none;
	}
	
	.wrapp-header .woodmart-header-links {
	  position: fixed;
    top: -9999px;
    z-index: 600;
	}
	
	.header-mobile-center .header-left-side, .header-mobile-center .left-side, .header-mobile-center .right-column {
	    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
	}
	
	body .header-left-side {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	}
	
	body .mobile-nav-icon:not(.whb-mobile-nav-icon) {
		display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
	}
}

Please add it to Theme Settings > Custom CSS

Best Regards