• 0

Move the mobile menu to the left


Question

Posted · Report post

Hey,

 

I'm working on a RTL website and I want the mobile menu to open inward from the left instead of the default right (when minimizing the screen to mobile dimensions).

I'd appreciate the help on what/where do I need to make my changes.

 

Thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi there,
 
To do this you will need to adjust the css for the menu and for the main page wrap. Copy/paste the css below into your custom css panel and save.
 
body .site-wrap.show-mm {
    transform: translate3d(260px, 0px, 0px);
}
 
body .pl-mobile-menu {
    left: 0;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hey,

 

That did it, just one fix to your code.

You need to  add right: auto to the .pl-mobile-menu to clear the right docking.

 

here's the complete code:

 

html[lang="he-IL"] body .site-wrap.show-mm {

    -webkit-transform: translate3d(260px, 0px, 0px);

    -moz-transform: translate3d(260px, 0px, 0px);

    -ms-transform: translate3d(260px, 0px, 0px);

    transform: translate3d(260px, 0px, 0px);

}

 

html[lang="he-IL"] body ,pl-mobile-menu {

    right: auto;

    left: 0;

}

 

html[lang="he-IL"] body .pl-mobile-menu .mm-close {

    float: right;

}

 

Thanks for the quick help!

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for informing us the issue has been resolved.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now