Single product image full width on mobile view

[Baraa]

Hello, could i know please how to make the single product image full width on mobile view ? i have attached an image for what i am asking for. Many thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Will need your site url to provide some custom css.

-Rui

[Baraa]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
.container {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}

Hope it helps.

-Rui

[Baraa]

Hello Rui it helps but it removed the container from the whole website not just for the single product image. Could we specify it? its already specified for the related product under the single product images, they are full already, if we can do the same for the single product images would be great

Thanks

[David Martin – Support]

Hi,

Please amend to this:

@media only screen and (max-width: 767px)
.single-product.page-heading-fancy .product-main {
    width: 100%;
    padding: 0;
}

Thanks,
David.