[Resolved] Problem With Slideout Menu and Rtl

Home Forums Support [Resolved] Problem With Slideout Menu and Rtl

Home Forums Support Problem With Slideout Menu and Rtl

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #231727
    Amos

    Hello. when i am using slideout menu on mobile with rtl i have a bug.
    before the page is complete is loading all the content move to the left and after the loading is over is move back to the center.
    it is only on real mobile.
    i have a test domain to show you :
    http://22.idanweb.com/

    Thank You.

    #231843
    Tom
    Lead Developer
    Lead Developer

    Thanks for the example, it helps!

    Can you confirm this doesn’t happen if you’re not using a RTL language? I’m not immediately seeing why this would happen only on RTL, but I’ll do some more looking into it.

    #231868
    Amos

    Yes Tom. when i change the site language to english it dosent happend. only rtl.
    and because this test site is “empty” the bug is tiny and return to the center quickly . but on a real site with content the bug is a big issue

    #231935
    Amos

    Tom i think i fixed it.
    one of them :
    1. @media (max-width:768px){

    nav#generate-slideout-menu{
    display:inline !important;
    }

    }

    2. @media (max-width:768px){

    nav#generate-slideout-menu{
    position:fixed;

    }

    }

    you can tell me if i will get some error in future to use this css? there is better way to do it?

    (edit: i am using design css tool but when i move the code to the css file it dosent work. (what is the correct name of the selector?)

    #232109
    Tom
    Lead Developer
    Lead Developer

    Hmm, not sure how that would fix it, but I’m not sure why RTL would even do anything to the slideout menu.

    I would assume the slideout menu should appear from the right side on RTL though, yea? Maybe making that change will fix the issue: https://generatepress.com/forums/topic/reverse-flip-position-of-slideout-menu-right/#post-175356

    Let me know πŸ™‚

    #232133
    Amos

    its work but i prefer to keep the slideout from left.
    i add this :
    .slideout-navigation {
    position:fixed;}
    .slide-opened .slideout-navigation {
    position:fixed;}

    And it works well now. Thank You.

    #232246
    Tom
    Lead Developer
    Lead Developer

    Added this to the next version:

    .rtl .slideout-navigation {
    	position: fixed;
    }

    Let me know if it works for you or not πŸ™‚

    #232316
    Amos

    i write only this code and it works.

    #232498
    Tom
    Lead Developer
    Lead Developer

    The code I wrote? Awesome πŸ™‚

    Thank you!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.