- This topic has 8 replies, 2 voices, and was last updated 6 years, 4 months ago by
Tom.
-
AuthorPosts
-
October 3, 2016 at 12:22 pm #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.
October 3, 2016 at 10:53 pm #231843Tom
Lead DeveloperLead DeveloperThanks 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 4, 2016 at 12:12 am #231868Amos
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 issueOctober 4, 2016 at 4:01 am #231935Amos
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?)
October 4, 2016 at 10:46 am #232109Tom
Lead DeveloperLead DeveloperHmm, 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 4, 2016 at 11:12 am #232133Amos
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.
October 4, 2016 at 4:10 pm #232246Tom
Lead DeveloperLead DeveloperAdded this to the next version:
.rtl .slideout-navigation { position: fixed; }
Let me know if it works for you or not π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 4, 2016 at 11:30 pm #232316Amos
i write only this code and it works.
October 5, 2016 at 10:43 am #232498Tom
Lead DeveloperLead DeveloperThe code I wrote? Awesome π
Thank you!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.