I have an RTL site, everything is fine except for a white space that appears on the left of the mobile screen, I think it’s because of the login hover window that makes this problem because it cut off to the left, and the white space act like an extension for it.
I thought that maybe if I make the hover window appears on the right that will fix the problem, but I couldn’t find the CSS selector for it to work.
pass: asdf
@Ayst907 hello add this css to assets > theme.scss.css bottom of file
@media (max-width:600px) {
#PageContainer {
overflow: hidden;
}
}
@kazi_1 Thanks Kazi, the problem about the white space was fixed, but the login hover dropdown is still cut in half.
@Ayst907 use this updated css
@media (max-width:600px) {
#PageContainer {
overflow: hidden;
}
.dropdown-menu {
right: auto;
left: 0;
}
}
Worked like a charm, Thanks for everything! @kazi_1
You welcome!