Solved

Mobile: enlarge picture (dawn theme)

10xfuel
Pathfinder
127 0 12

Hi! How can this specific picture on mobile at www.10xfuel.com displayed bigger?

10xfuel_0-1705967048462.png

 

thx!

 

Accepted Solution (1)

Spac-es
Shopify Partner
300 90 114

This is an accepted solution.

Add this code in your base.css or theme.css file:

@media (max-width: 750px) {
  div#Banner-template--15940951933066__image_banner_7gbwYq {
    height: 350px;
  }
}

Captura.PNG

 

View solution in original post

Replies 2 (2)

Spac-es
Shopify Partner
300 90 114

This is an accepted solution.

Add this code in your base.css or theme.css file:

@media (max-width: 750px) {
  div#Banner-template--15940951933066__image_banner_7gbwYq {
    height: 350px;
  }
}

Captura.PNG

 

Dan-From-Ryviu
Shopify Partner
6962 1318 1342

Add this code to your theme.liquid file after <head> 

<style>
@media (max-width: 749px) {
#Banner-template--15940951933066__image_banner_7gbwYq {
height: 44rem !important;
}
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now