Responsivity settings

Hi Guys,

I would like to set a new value to the responsive settings, how can I reach that the website under 1440 pixels switch itself for mobile/tablet format?

Hello,

If you want to change the only header we can provide you custom CSS. If you want to change the whole site it is not possible.

Best Regards

Hey,
Thank you for answering immediately. Yeah, I tought of the header, you mentioned, sorry for miss describing. Could you provide the custom CSS code for the previously mentioned problem related to the pixels indicated above?

Thank you for the reply in advance!

Hello,

Please add this CSS to Theme Setting > Custom CSS

@media (max-width: 1440px) {
	
	.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;
	}
}

Best Regards

[Author]

Posts