RTL website has a left-ish lean

[liorgo81]

Hi there,
My website seems to have a bit of a lean to the left; specifically when it comes to images and ESS Grid.
This was not the case a couple of days ago; we did do a bit of a responsive change to the convert plus contact form, but can’t seem to find the connection.

גלריה בן עמי - גלריה מחברת | תערוכות אמנות, יצירות אמנות, אירועי תרבות ועוד

would love your help.

Cheers,

[christian]

Hey @liorgo81,

Try adding this code to Appearance > Theme Options > CSS

.rtl .esg-grid .mainul, .rtl .esg-grid .mainul>li {
    margin-right: 0 !important;
}

Hope that helps.

[liorgo81]

Hi @christian_y ,
So it worked ! with some things we use the superfly menu, no navbar, and when it comes up it’s still leaning to the left; perhaps you have a similar solution of script I can add to fix that.

Also, on the homepage, the grid at the bottom is now leaning to the right…? Not sure if that’s connected somehow, or perhaps the new CSS collides with the regular RTL CSS we have in the customized section?

Appreciate your help!

[nabeel]

Hi again,

I checked your superfly menu and the menu items looks centered when it’s open, can you please share some screenshots we can take a closer look?

To fix the bottom gird issue, add the following code to Appearance > Theme Options > CSS

.esg-container {
    padding: 15px !important;
}

Hope this helps!

[liorgo81]

Actually that DID help, thanks!

Here’s a pic from the iPhone how the full screen menu looks.

[christian]

Hey @liorgo81,

Please add this CSS

.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Hope that helps.