Debut theme - make slideshow fullscreen on mobile

Solved
augds
Explorer
98 0 24

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
dmwwebartisan
Shopify Partner
5789 1323 1695

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
augds
Explorer
98 0 24

URL is lokalebloemetjes.myshopify.com @dmwwebartisan 

0 Likes
dmwwebartisan
Shopify Partner
5789 1323 1695

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
augds
Explorer
98 0 24

Worked great, thanks!

0 Likes
pops889
New Member
4 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
Joanna11
Excursionist
11 0 4

@pops889  I have the same problem.Did you found the solution? or what was wrong that the results is like this?

 

0 Likes
pops889
New Member
4 0 0

I did not find solution, I have hired developer to make it work.

0 Likes
ttan
Excursionist
27 0 4

hi @dmwwebartisan , i added the code but it did not work at per the screenshot below, able to advise? thank you.

IMG-1329.PNG

0 Likes
ttan
Excursionist
27 0 4

hi @pops889 , is your slideshow fullscreen and mobile responsive on mobile now? if yes, will you be able to share the contact of the developer you hired? thank you.

0 Likes