Debut Theme banner cropped in mobile version

5 0 2


Is there any way to make the mobile version banner the same as the desktop version? Its currently cropping out the right hand side.



Shopify Partner
20610 2134 7800


Welcome to the Shopify community!
and Thanks for your Good question.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shopify Partner
2816 176 474

Dear @SuperMerch 

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:


/* Start */
#shopify-section-hero-1 {padding: 0 !important;}
#shopify-section-hero-1 .page-width {padding: 0 !important; max-width: 100% !important}
/* End*/


  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.