Image Banner Size On Mobile For Sense Theme is Zoomed IN

Image Banner Size On Mobile For Sense Theme is Zoomed IN

Vantoni
Tourist
5 0 1

In the sense theme, I have no clue how to put an image banner on mobile the same way it is on desktop. On mobile, the image banner does not show fully. Please Help ASAPScreenshot 2024-05-02 at 9.54.52 PM.pngScreenshot 2024-05-02 at 9.54.57 PM.png

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
8485 2027 2487

Hi @Vantoni 

Would you mind to share the store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Vantoni
Tourist
5 0 1

Thank you for your help, i have found a solution

Vantoni
Tourist
5 0 1

vantonibrand.com is the link

im still unable to find a different photo which i can use and the image won't become smaller when on mobile

PageFly-Oliver
Shopify Partner
878 190 181

Hi @Vantoni ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
#MainContent .banner__media media{
height: 20rem;
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Vantoni
Tourist
5 0 1

Thank You For Your Help, this solution worked

spoiledmilky
Visitor
1 0 0

i have attempted to use this to my website and it seems to not work any other solutions you may think?