Site logo

Archived topic

The horizontal scroll bar on the bottom still persist on RTL

10 replies · Started by themedleb on December 10, 2017

Viewing posts 1–11 of 11

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.

Thanks, it works as needed.

2.0.1 was just released with this fix.

Thanks!

Oh, that's quick, thanks.

No problem! :)

This archived topic is closed to new replies.