i want to set my page

[sitarakhalid]

I want to set my page width, its moving please help me out. (only one page is moveable in mobile)

I use Dawn theme.

website link: https://bustangi.pk/products/yucca

attached screenshot below.

[steve_michael2 · Accepted solution]

Hi @sitarakhalid ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:767px){
main#MainContent {
    overflow-x: hidden;
}
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[sitarakhalid]

Thank you so much 🙂

[rajweb]

Hey @sitarakhalid ,

To fix the page width issue on mobile in your Dawn theme, it sounds like one page might have an issue with the layout, causing it to shift or be "movable." This can often happen due to content or elements that are wider than the screen. Here's how you can troubleshoot and fix this:

Follow these Steps:

1. Online Store > Themes > Edit Code

2. Open your theme.css or  based.css file and paste the code in the bottom of the file.

.gradient{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

result:

After apply this , check if the issue is resolved. Let me know if you need further help!

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma