Change layout width in Dawn Theme

[Evelina_]

Hello! I am 2 problemes with the layout width in my store. I am new at this and have no experience with coding so I hope that someone is abel to help me. 🙂 

1. The mobile site is to wide. The viewer can scroll to the right even though it is no content there. I think this problem started after I changed the product page from image stacked >> to image thumbnails carosule. But I am not sure if that is the problem. I have tried to change this back while troubleshooting, but the mobil site is still to wide even if I make changes. I guess something has been changed in the code.

2. I would like to change the width of the product description since it is now a very small columm which forces the viewer to scroll  a lot. The content width of the product page looks a lot smaller than my other pages... 

I hope that someone could be so kind and help me with this! Thank you! 

[Moeed]

Hey @Evelina_ 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[Evelina_]

Hi Mooed! 

wellnessdreams.biz

password: pausha

[Made4uo-Ribe]

Hi @Evelina_ 

Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.gradient {
    margin: 0; 
    padding: 0; 
    overflow-x: hidden !important;
}

• And Save. 
• Result:
•