How to resize the slideshow on mobile device impulse theme?

[VisarK]

Hello everyone,i use impulse theme and the slideshow on mobile device looks small and not so good.I want to be more bigger and to look good

[VisarK]

Hello @Markit-Themes okay i gonna send the store url

https://pawshubs.com/

[BiDeal-Discount]

Hi @VisarK

let try to add this custom css:

@media screen and (max-width: 767px) {
  .hero-natural--1524769873765{
    padding-bottom: 80%;
  }
}

[VisarK]

@Markit-Themes i gonna enable and you can see

[VisarK]

Hello @BiDeal-Discount ,i need more to be bigger, i tried it looks a little better then it was but still needs to be bigger

[VisarK]

Did it worked ? @Markit-Themes

[BiDeal-Discount]

You can increase the percentage to see it more bigger, example

padding-bottom: 100%;

[VisarK]

I have done but the image dont show good the product are hiding little bit,just the width of image how to be more bigger in vertical line

[BiDeal-Discount]

Let try this:

@media screen and (max-width: 1000px) {
    #shopify-section-1524769873765 .hero-natural--1524769873765 {
        padding-bottom: 80%;
        height: 500px;
    }
}

[VisarK]

@BiDeal-Discount this size just to show the images as it is

[BiDeal-Discount]

my code suggestion is not working?

[VisarK]

It works the code but the the image is hidding the product with 500px height so i decrease at 300px.