Debut Theme banner cropped in mobile version

SuperMerch
Tourist
5 0 2

Hi,

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

https://www.supermerch.co.uk

SuperMerch_0-1610110800394.png

 

KetanKumar
Shopify Partner
20610 2134 7800

@SuperMerch 

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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
MS-WEB-DESIGNER
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.
0 Likes