DAWN THEME: mobile view is cutting off first image

Store Design
, ,
1

donda_lopez_0-1684456985793.png
donda_lopez_0-1684456985793.png436×376 22.5 KB

Everything is normal on my desktop view, but on the mobile view the first image is cut off ONLY FOR PRODUCTS WITH 3 OR MORE IMAGES in the carousel function! Does anyone know how to fix this in code?

Thanks! LINK

2

Hi @donda_lopez You can try this code:

@media (max-width: 749px){
  .slider.slider--mobile {
    justify-content: flex-start !important;
  }
}
3

Hi @donda_lopez

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
@media screen and (max-width: 749px) {

.grid–peek.slider .grid__item:first-of-type {margin-left: 1.5rem !important;}

}

Regards,

San

4

@Henry_dev @INA_MSWEB Im sorry, neither of these seem to be working!