How can I adjust the slideshow size on mobile version?

Store Design
1

URL is www.ahly.com.au

can you please help me change slideshow size in mobile version?

current version :

aus10188_0-1647569131144.png
aus10188_0-1647569131144.png472×633 209 KB

ideal version:

aus10188_1-1647569172177.png
aus10188_1-1647569172177.png481×755 382 KB

thanks

2

Hello @aus-10188 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css → find line 61 change min-height

change “39rem” to min-height you want

Halothemes_0-1647599516614.png
Halothemes_0-1647599516614.png1574×945 291 KB

for example: min-height: 500px;

Halothemes_1-1647599624811.png
Halothemes_1-1647599624811.png1567×932 386 KB

-Note: If the height is big, image will be cropped and blurred.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

3

Hi @aus-10188 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 767px) {
    .slider.slider--everywhere .slider__slide {
        height: calc(100vh - 178px);
   }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.