Website body keeps moving right to left, left to right

HTML & CSS
1

i just have little problem that when i switch the language from English to Arabic in my website store, the body start shaking and never stop… idk why this happen but i might get help from here

MY WEBSITE PAGE

Thank you…

2

@absamuth,
As-salamu alaykum and welcome to the the SP Forum.

Please supply the browser and operating system because it appears to be OK using Ubuntu’s FireFox.

2 Likes
3

wa alykom alslam :heart:

im using google chrome, iMac OS X El Capitan

just wait and see, select the Arabic language
cause in English work so fine

1 Like
4

That can be an indication of a vertical scroll bar moving the page over. On a long page the scroll bar is present and a short one it is not. I notice the scroll bar is on different sides depending on the language. But saying that I can not see it moving in IE11

Just tried Chrome and the side bar is on the right for Arabic and I do not have a button to change the language.

1 Like
5

There are numerous HTML Validation errors on the page and anyone could be causing the problem.

https://validator.w3.org/nu/?doc=http%3A%2F%2Fkoflahstore.com%2Findex.php%3Froute%3Dcommon%2Fhome

Please clear the above errors and let us know if the page is still shaking.

2 Likes
6

It stops if you go to chrome://settings/content and turn off JavaScript.

But like John posted, with the other errors it can’t really be expected that the JavaScript will work properly.

2 Likes
7

You seem to have an animation going on underneath the header. Try adding this:

#decoration_scene_top, .tb_dec__layer {overflow:hidden}

Not sure if it will solve the problem though.

1 Like
8

i appreciated all the help from you guys, thank you

i think i fixed the problem with this:

body {
direction: ltr;
}
[dir=“rtl”] #wrapper {
direction: rtl;
}

now everything’s good, but when i open the website in Google Chrome, the "pages” running very SLOW!
other browsers work so fine

Any suggestions?

9

Did you try my fix first?

10

Yes i did, but it doesn’t work.

11

i replaced with this

{
min-height: 500px;
}
#decoration_scene_top {
display: none;
}

and its working :+1:

Thanks everyone for the help :heart:

1 Like
12

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.