Make the Slide height on ''adapt to image on PC and make the Slide Height on ''Large'' on Mobile

Solved

Make the Slide height on ''adapt to image on PC and make the Slide Height on ''Large'' on Mobile

Sohayl67
Explorer
52 0 15

Hello, i  need help

want to make the slides height to ''adapt to image" on desktop and a the same time on mobile i want to make the slides height to "large" on mobile to repair the low design on mobile and optimize the image quality on desktop ... thank you 🙂

Accepted Solution (1)
steve_michael2
Explorer
119 17 19

This is an accepted solution.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
@media (max-width: 480px) {
    .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
        height: 388px !important;
    }
}
</style>

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Crafting exceptional online experiences with innovative design and technology.

View solution in original post

Replies 4 (4)

steve_michael2
Explorer
119 17 19

Hi  @Sohayl67 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Crafting exceptional online experiences with innovative design and technology.
Sohayl67
Explorer
52 0 15
steve_michael2
Explorer
119 17 19

This is an accepted solution.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
@media (max-width: 480px) {
    .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
        height: 388px !important;
    }
}
</style>

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Crafting exceptional online experiences with innovative design and technology.
Sohayl67
Explorer
52 0 15

thxsorry  i dont reallyhave money bbut i will pray for you sir !

I hope the best for your future 🙂