How can I prevent horizontal scrolling on the Dawn theme for mobile?

Store Design
1

Hello!

How to avoid on mobile horizontal scroll? This code and similar doesn’t work for me:

overflow-x: hidden !important;

Thank you!

2

Hi @Atsimataves , can you share your store url?

3

Thank you for quick reply! I seem to have found a workaround with ChatGPT. I have a similar problem with featured products section. I have attached a photo. This section scroll up and down.

https://d5ab0f.myshopify.com/

Pw: amber

section scroll.JPG
section scroll.JPG410×438 21.9 KB

4

Hi @Atsimataves

you just need to add the following css code:

@media screen and (max-width: 989px) {
.slider.slider--tablet {

    flex-wrap: wrap !important;
}

.card:not(.ratio) {
    padding: 0 10px;
}
}

The result:

view (96).png
view (96).png392×845 260 KB

Hope it helps @Atsimataves

5

@BSS-Commerce Thank you for your reply.

To be honest, maybe I didn’t describe my problem clearly. I am attaching a video that really worries me. https://streamable.com/wwvgxf

Thanks for your patience!

6

Hello, I checked your website both on iOS as well as android but didn’t see the same problem as yours. It could be because your browser or device has an old version. You can try updating your device and browser to a new version or provide information about your browser and device version so I can find out the cause.