Featured product image not showing on mobile version

[aromaticaparfum]

Hi. My store is aromaticaparfums.com 

my featured product is not showing the image on mobile version creating a blank space. Please let me

Know how to fix this: 

 

[suyash1]

@aromaticaparfum 

please add this css to the very end of your stylesheet.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> stylesheet.css

@media screen and (max-width:749px){
.featured-product-gallery #slider{float: none;}
}

[BiDeal-Discount]

Hi @aromaticaparfum 

Please try add custom css below to fix the issue on mobile only:

@media screen and (max-width: 739px) {
  .featured-product-gallery #slider {
    float: none;
  }
}

The result will be:

[diego_ezfy]

Hello @aromaticaparfum@aromaticaparfum,

I hope you're doing well!

You can fix this in 20 seconds:

1. From your Shopify Admin go to: online store > themes > three dots > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media (max-width: 749px) {
  .featured-product-gallery #slider {
    float: none;
  }
}

If it helps you please click on the "like" button and mark this answer as a solution.

Thank you.

Kind regards,
Diego