How can I fix the body width adjustment issue on my website?

Store Design
1

Hello, I have had a problem on my website, I don’t know where it comes from since I haven’t touched any code that could influence this.
It turns out that the width of the body does not adjust to the width of the devices, the card icon is outside the width of the body and a gap has been created on the right side of the web, remaining mobile, I attach photos of what happens, I hope you can give me a solution, thank you very much for your time.

2

This is PageFly - Free Landing Page Builder.

You can try this code, and you can add it into your theme css file by access it into theme > edit code

@media screen and (max-width: 767px){
html,body{
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden;
}
}

Hope this can help you solve the issue

Best regards,

PageFly

1 Like
3

Thank you so much! I spent several hours solving the problem and integrated your code into my base.css and it works!
Thanks :heart: :heart: