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 5 (5)

Made4uo-Ribe
Shopify Partner
6065 1458 1797

Hi @Vantoni 

Would you mind to share the store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


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
Astronaut
878 190 171

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