Home Forums WoodMart – Premium Template Break point for mobile

This topic contains 3 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 5 months, 4 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #64064

    tessera
    Customer

    Hello,
    is possible to change the breakpoint for mobile devices;
    We want the breakpoint at 1240px not at 1024px.
    Is possible to do that;

    Best Regards.

    • This topic was modified 6 months ago by  tessera.
    #64068

    Hello,

    Please specify do you want to change the breakpoint only for header or for the whole site? If you want to change for the whole site, there is no option to do that.

    Best Regards

    #64262

    tessera
    Customer

    Hello,
    want to change the breakpoint only for the header.

    Best Regards

    #64284

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.