How to resize slideshow so it fits desktop and mobile?

barbermood
Tourist
3 0 1

Hello

I tried all the suggested slider sizes but it doesn't fit neither on desktop nor mobile versions. when I go to mobile, majority of it is cutoff. 

My shop link: 

https://u3x8ebprz05ad2kl-55500570780.shopifypreview.com/

SHop Theme: Venture 

Thanks in advance 

 

dmwwebartisan
Shopify Partner
5846 1337 1714

@barbermood 

Please add the following code at the bottom of your assets/theme.scss.liquid file. 

#shopify-section-slideshow .page-width {
  max-width: 100% !important;
   margin: 0 auto !important;
}

 

Hope this works. Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
barbermood
Tourist
3 0 1

Thank you. I guess it will work. But do I need to change the slider design at the same time? Because if I choose ''top center'' it crops 2 capes on the main slider. 

And the header on the slider should be on the center as well, right?

Thanks 

0 Likes
barbermood
Tourist
3 0 1

Sorry my last question was for if I want to use small or large height instead of ''adapt to first image''.

Thanks 

0 Likes
dmwwebartisan
Shopify Partner
5846 1337 1714

@barbermood 

what do you want please share a screenshot.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes