sticky right sidebar menu breaks website layout on iPad

Hi i’m building a Enfold website with right sidebar – you can see it using the link in the private content
Its an RTL site and in the beginning i couldn’t make the right sidebar to be sticky (it seems like some unknown reason the sticky option is only available for left sidebar for)
any way.. I succeeded working around it using the solution provided here https://kriesi.at/support/topic/how-can-i-make-the-right-sidebar-menu-sticky/
and it seems to work just fine
only problem is in iPad (or other tablet with slimier screen size) – please take a look in the screen shot (also in the private content)’
only in iPad the red background of the sidebar menu seems to appear twice – both left and right side (when it should only appear n the right)
it seems there’s a

 .responsive.html_header_left #main {
    margin-left: 27%;} 

in the layout.css that causing this and if it was left sidebar menu than it was ok but it’s right sidebar
so i tried adding the following code

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.responsive.html_header_left #main {
    margin-left: 0%!important;
} }

and it seems to work..but is it the right way to fix it?
could you fix it permanently for other RTL users in future Enfold releases?

• This topic was modified 6 years, 9 months ago by Doron. Reason: typo