Igor_Wise
(Igor Wise)
January 25, 2017, 10:51am
1
Hi, please help me with the issue I can’t figure out. I have a horizontal scroll bar at the bottom of my page and want to remove it, could someone who is familiar with CSS or JS help me to solve it? Thank you in advance!
Here is my link: http://atlantislux.webflow.io/
zbrah
(Mazette.co)
January 25, 2017, 1:01pm
2
Hello @Igor_Wise ,
Can you please give us a WF Share link so we can take a look ?
Thanks,
Igor_Wise
(Igor Wise)
January 25, 2017, 1:38pm
3
1 Like
zbrah
(Mazette.co)
January 25, 2017, 2:41pm
4
Hum weird @Igor_Wise I don’t have the issue on both safari and chrome (in the designer and in the published version).
Did you solved it by yourself ?
Igor_Wise
(Igor Wise)
January 25, 2017, 5:53pm
5
No, I didn’t do anything, I work on Windows in Chrome, but the scrollbar is still there…
Could it be that something at the top is not fitting correctly, and the overflow is going to the bottom?
Igor_Wise
(Igor Wise)
January 26, 2017, 10:02am
7
May be, I’ve searched but haven’t found what stuff doesn’t fit… I also thought that it may occur because of some interactions…
zbrah
(Mazette.co)
January 26, 2017, 3:21pm
8
Hum strange @Igor_Wise now i see the issue…
Seems to appear only on your published site.
Can you please try to put interaction none on cont 3D
and publish to see if it’s what is causing the problem ?
Igor_Wise
(Igor Wise)
January 27, 2017, 1:54pm
9
Hi, Zbrah!
Now this interaction is off, could you please check?
zbrah
(Mazette.co)
January 27, 2017, 2:49pm
10
Great @Igor_Wise i don’t have the horizontal scroll anymore.
Do you ?
If not it means it’s your 3D interaction
Header code
body, html {
overflow-x: hidden;
}
A good practice would to identify which move interaction is causing the horizontal overflow and address it.
1 Like
Igor_Wise
(Igor Wise)
February 1, 2017, 12:38pm
12
Thank you! But the problem still exists ((
Igor_Wise
(Igor Wise)
February 1, 2017, 12:42pm
13
I still have horizontal scroll, it is a mystery )
And the code below didn’t help also…
body, html {
overflow-x: hidden;
}
zbrah
(Mazette.co)
February 1, 2017, 12:49pm
14
@Igor_Wise
I wish i could help but i’m lost here, plus the bug doesn’t appear all the time for me (for example right now no horizontal scroll on Chrome, mozilla, Safari and Safari dev
But horizontal scroll on @vincent computer
Igor_Wise
(Igor Wise)
February 1, 2017, 12:53pm
15
okay, huge thank you for your participation anyway) we’ll dig further…
1 Like
Hey @Igor_Wise You put the code in the wrong place and forgot to wrap the code in style tags.
Like so;
<style>
body, html {
overflow-x: hidden;
}
</style>
Then put it in the before body (first area) custom code in your dashboard. See below;
5 Likes
Igor_Wise
(Igor Wise)
February 1, 2017, 2:20pm
17
Yes, that worked! Thank you so much.
1 Like
vincent
(Vincent Bidaux)
February 1, 2017, 2:22pm
18
I never, ever thought about limiting the overflow on the body to x…
Good job!
1 Like
Igor_Wise
(Igor Wise)
February 1, 2017, 2:25pm
19
Yes that man solved the problem globally! Many Thanks everyone!
1 Like