Reply 199853 to: Change the mobile header

Avatar: Rose Tyler
Rose Tyler
Support staff
September 24, 2018 at 10:26

Hello,

Please add this code in Theme Options > Styling > Custom css > Global custom css:

/* header */
@media only screen and (max-width: 992px){
    .header-xstore .menu-wrapper {
        display: block !important;
    }    
    .menu-wrapper>.menu-main-container>.menu>li a {
        font-size: 12px;
    }
    .header-wrapper .navbar-toggle {
        display:  none !important;
    }
    .header-xstore .header-logo {
        float:  left;
    }
    .header-xstore .menu-wrapper {
        width:  100% !important;
    }
    .header-xstore .menu-wrapper {margin-top: 1%;}
}
@media only screen and (max-width: 480px){
    .menu-wrapper>.menu-main-container>.menu>li {
        padding: 0px 10px;
        margin-right: 25px !important;
    }
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.