Streaming live at 10am (PST)

Need help with some unwanted horizontal scrolling


#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/


#2

Hello @Igor_Wise,

Can you please give us a WF Share link so we can take a look ?
Thanks,


#3

sure, here it is:
https://preview.webflow.com/preview/atlantislux?preview=2f0e68ee748b7759a616afdc4a781b00


#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 ?


#5

No, I didn't do anything, I work on Windows in Chrome, but the scrollbar is still there..


#6

Could it be that something at the top is not fitting correctly, and the overflow is going to the bottom?


#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...


#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 ?


#9

Hi, Zbrah!
Now this interaction is off, could you please check?


#10

Great @Igor_Wise i don't have the horizontal scroll anymore.
Do you ?
If not it means it's your 3D interaction


#11

Header code

body, html {
   overflow-x: hidden;
}

A good practice would to identify which move interaction is causing the horizontal overflow and address it.


#12

Thank you! But the problem still exists ((


#13

I still have horizontal scroll, it is a mystery )
And the code below didn't help also..

body, html {
overflow-x: hidden;
}


#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 :open_mouth:
But horizontal scroll on @vincent computer :flushed:


#15

okay, huge thank you for your participation anyway) we'll dig further...


#16

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;


#17

Yes, that worked! Thank you so much.


#18

I never, ever thought about limiting the overflow on the body to x...

Good job!


#19

Yes that man solved the problem globally! :slight_smile: Many Thanks everyone!


#20

Welcome and Thanks. :grin: