[Resolved] The horizontal scroll bar on the bottom still persist on RTL

[themedleb]

This issue only appears when the website is in a resolution between desktop and tablet.

[Tom]

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%;
}

[themedleb]

Thank you Tom.

[themedleb]

The horizontal scroll bar disappeared but the submenu changed and it’s not practical to use now.

[Tom]

How did it change?

[themedleb]

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.

[Tom]

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

[themedleb]

Thanks, it works as needed.

[Tom]

2.0.1 was just released with this fix.

Thanks!

[themedleb]

Oh, that’s quick, thanks.

[Tom]

No problem! 🙂

[Author]

Posts