Jump to content

Archived

This topic is now archived and is closed to further replies.

Kedmyster

Move the mobile menu to the left

Recommended Posts

Kedmyster    1
Kedmyster

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
James B    436
James B
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;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Kedmyster    1
Kedmyster

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!

  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • MissT
      By MissT+
      Is there a way to get the mobile menu to close when you click a menu item that is for an anchor link with the same page?
      Currently on mobiles and ipad the black mobile menu still covers a third or the screen after you have clicked a menu item (that is linking to an anchor link) and it has scrolled to the link / section within the current page. You have to physically click within the page / away from the mobile menu to get the menu and it's black background to disappear.
      Many thanks in advance.
    • floydwebb
      By floydwebb+
      I can't find the mobile menu feature. Please let me know how to find it. 
    • stoltz
      By stoltz+
      I have a modal login that appears when registered users want to login. When I am using DMS on a mobile client, then the mobile navbar menu appear as it is supposed to do.
       
      My problem is that the mobile navbar menu doesn't react properly and "hides itself" when the modal appears which means that it is covering a large part of the modal login popup.
       
      How can I modify the navbar to slide away when the modal login pops up?
       
    • Brian
      By Brian+
      Hello,
       
      Does anyone know how to make the mobile menu slide either on the bottom or the top when clicked? Instead of displaying on the left as in the default setting.
       
      Thanks,
      B
    • chamois_blanc
      By chamois_blanc+
      Hi,
       
      I would really like to see more mobile menu DMS add-ons added either free or as paid add-ons. For instance, I really like the mobile menus from the pixelgrade themes such a the bucket or fuse themes.
       
      Gilles
×