How to adjust slideshow image size for laptop and desktop screens?

Store Design
,
1

https://hubs-fitness.com/

The slideshow on my website appears to be optimized for a half-screen display on a laptop, but when the webpage is in full-screen mode, the design becomes too large. However, it appears to be working well on mobile devices. I would like to know how I can adjust the size of the slideshow to better fit the laptop and desktop screens. What steps can I take to resize the slideshow for these devices?

2

Hi @Hubs-Fitness ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
  #Slider-template--15404008374481__1655445781cc184750::before, #Slider-template--15404008374481__1655445781cc184750 .media::before {
    padding-bottom: 40% !important;
  }
}

you can also manually change the % to your liking, it will display fine