Stop website from scrolling to the right?

Hi,

I’m trying to figure out what element is allowing my website to scroll to the right in iPad, mobile landscape, and mobile portrait view…thoughts?

https://preview.webflow.com/preview/bluelakecreative?preview=68cfbfda25786cb12e08e263487bbcaa

Thanks in advance,

Nathan

Hello Nathan,

looks like some elements has a big left margins, fix these margins and everything will be fine :wink:


Cheers,
Anna

1 Like

Hi Sabana,

I the components you identified. Unfortunately, I am unable to test due to when I make edits, my fonts change. Right now, I’m not able to correctly use my uploaded google fonts. Additionally, while in preview mode, my menu does not drop down. I already have a new topic created for the font issue. Should I create a separate topic if the drop down menu issue?

Hopefully, the font issue will get resolved so I can verify.

Thanks Sabana,

Nathan

have you tried turning off OVERFLOW

Hi Revolution,

I’m not familiar with OVERFLOW. I’m afraid to do anything with my site right now until the font issue of not having my uploaded fonts working is resolved.

Thanks Revolution,

Nathan

Hi again Nathan,

Well, I can tell you that to me menu is opening. Yet it is opening on the left side of the screen, not sure if it should be like this or it is the issue.

About other element, that cause horizontal scrolling it is the text-block.
I noticed you are using 2 different text-blocks for desktop and tablet/mobile version. So I would recommend “turn them off” for devices, where they are not been used.

You can do this on the settings tab.

About OVERFLOW. @Revolution notice is pretty useful.
The overflow property specifies what happens if content overflows an element’s box. On the styling tab for any element you can choose overflow option: visible, hidden, scroll and auto (it will be scroll only if content bigger than container size)

Hope it helps.

Anna

2 Likes

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