How do I move the main menu to the right on mobile? - Venture theme

I want the main menu dropdown to be on the right in the mobile view

1 Like

@Jvime

can you please share store url.

https://rvffianja.myshopify.com/

@Jvime

password protect.

neicle

do you mean like this?

Yes! Thank you!

@Jvime

Yes, please add this code

Go to Online Store->Theme->Edit code
Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}
.drawer--left {
z-index: 9;
right: -75px;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    left: inherit;
}
.js-drawer-open-left .drawer--left {
    -ms-transform: translateX(-75px);
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    visibility: visible;
    opacity: 1;
}
}
1 Like

Thank you, this was very helpful. However, can you move the menu icon to the right as well?

Switching it with the cart icon

@Jvime