Change the menu in mobile view, so that it opens on the right left side

Hey, I wanted to ask how to change that by clicking on the menu bar on mobile (which is on the right side), that the menu opens as well on the right side. Right now it opens at the left side and I think its confusing for the user.

Thank you!

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to change the position of the mobile navigation menu

.mobile-nav {
    left: auto;
    right: 0;
    transform:translate3d(270px, 0, 0);
    -webkit-transform:translate3d(270px, 0, 0);
    -ms-transform:translate3d(270px, 0, 0);
      -sand-transform:translate3d(270px, 0, 0);

}

.act-mobile-menu .mobile-nav {
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -sand-transform:translate3d(0, 0, 0);
}

Regards

thank you! it worked!

You are welcome!

[Author]

Posts