How can I improve my mobile banner appearance?

Store Design
1

Hello, My desktop banner looks great but when you got to the mobile it zooms in and looks terrible. Some help would be great on how to fix this issue. dripcowholesale.com

2

@Heavyheads

Hello,

Please use square image for mobile view.

if you want to optimize this images then add the below code above in theme.liquid

online store >> edit code >> theme.liquid

@media screen and (max-width: 767px) {
  .slideshow--section .flickity-viewport{
   max-height:210px!important;
 }
 .slideshow--section:first-child .slideshow--height-fit_screen-mobile.slideshow--text-below-image-false .slideshow-slide__image-wrapper, .site-header-sticky .slideshow--height-fit_screen-mobile.slideshow--text-below-image-false .slideshow-slide__image-wrapper{
    height: 158px!important;
 }
}

if our solution helpful for you then please like and tap on accepted.

Thankyou :slightly_smiling_face: