Debut theme - make slideshow fullscreen on mobile

Solved
Highlighted
Explorer
90 0 21

Hi,

I am using the Debut theme and would like to make my slideshow images appear fullscreen on mobile, as they do in the Brooklyn theme.

I now have this: 

now2.JPG

And I want it to look somewhat like this (just the image, don't mind the other stuff: 

want.JPG

Normally, it would look like this: 

now.JPG

but I added this code to show the text overlay on mobile:

@media screen and (max-width: 769px){
  .slideshow__title, .slideshow__subtitle {
     display: block !important;;
  }
  .slideshow__text-wrap--mobile{
    display: none !important;;
  }

 

Any help is appreciated!

0 Likes
Highlighted
Shopify Partner
2413 525 671

Hey @augds 

Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
90 0 21

URL is lokalebloemetjes.myshopify.com @dmwwebartisan 

0 Likes
Highlighted
Shopify Partner
2413 525 671

This is an accepted solution.

Hello, @augds 

Please try this css 

Hey

add code assets/theme.scss.liquid bottom of the file

@media only screen and (max-width:767px) {
.slideshow--medium {height: 650px;}
}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
90 0 21

Worked great, thanks!

0 Likes
Highlighted
New Member
2 0 0

Hi,

I would like to do very same, however whenever I apply same code the issue shown in picture happens. What could be the reason?

image0 (1).png

 

Kind regards,

Maciej

0 Likes