How do the mobile menu move right?

How do the mobile menu move right?

Hello,

You should be able to achieve this with custom css code below:

@media only screen and (max-width: 767px) {
    .header-wrap .row .col-xs-12:first-of-type {
        width: 80%;
    }

    .header-wrap .row .col-xs-12:last-of-type {
        width: 20%;
        position: static;
    }

    .header-wrap .row {
        position: relative;
    }

    #mainnav-mobi {
        left: 0;
    }
}

Apply css code from Appereance > Customize > Additional CSS field, and result should look like this https://www.screencast.com/t/68tvgFl586Tl

Best Regards!

1 Like