Archived topic
The horizontal scroll bar on the bottom still persist on RTL
10 replies · Started by themedleb on December 10, 2017
This issue only appears when the website is in a resolution between desktop and tablet.
Hi there,
Can you try adding this CSS?:
.rtl .main-navigation ul ul, .rtl .secondary-navigation ul ul.sub-menu {
right: -999999px;
}
.rtl.dropdown-hover .main-navigation ul li.sfHover > ul,
.rtl.dropdown-hover .main-navigation ul li:hover > ul,
.rtl.dropdown-hover .secondary-navigation ul li.sfHover > ul,
.rtl.dropdown-hover .secondary-navigation ul li:hover > ul {
right: 0;
}
.rtl.dropdown-hover .main-navigation ul ul li.sfHover > ul,
.rtl.dropdown-hover .main-navigation ul ul li:hover > ul,
.rtl.dropdown-hover .secondary-navigation ul ul li.sfHover > ul,
.rtl.dropdown-hover .secondary-navigation ul ul li:hover > ul {
right: 100%;
}
Thank you Tom.
The horizontal scroll bar disappeared but the submenu changed and it's not practical to use now.
How did it change?
My bad, It's the sub-sub-menu, not the sub-menu, instead of appearing on the left, now the sub-sub-menu appears on the bottom covering sub-menus.
Got it - can you try the updated CSS?: https://generatepress.com/forums/topic/the-horizontal-scroll-bar-on-the-bottom-still-persist-on-rtl/#post-446548
Thanks, it works as needed.
2.0.1 was just released with this fix.
Thanks!
Oh, that's quick, thanks.
No problem! :)