Debut slideshow help

jennarose
Excursionist
55 0 8

Hi! I am using the debut theme. My shop is www.collectivethreadco.com 

The banner/slide show looks great on mobile but when I view on desktop all of the words and buttons move  up on top of the banner .. they only do this on desktop. Please help me fix it!

 

Thank you

0 Likes
drakedev
Shopify Partner
598 128 159

Try to add this code at the end of your theme.css file

.slideshow__text-wrap--desktop .slideshow__text-content {
    top: auto;
    bottom: 0;
}

Change the bottom value using 0, 10px, 20px as you prefer for fine tuning.

• If my answer helped click Like to say thanks
• If the problem is solved remember to click ✅ Accept Solution
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
jennarose
Excursionist
55 0 8

Hi! Thank you for your help. It worked but now the entire text has disappeared on desktop. I tried changing it to 10x and 20x as well. Text is completely gone

0 Likes
drakedev
Shopify Partner
598 128 159

You used a wrong unit, 5x doesn't work.

.slideshow__text-wrap--desktop .slideshow__text-content {
    top: auto;
    bottom: 5x;
}

You should use px unit like 5px, 10px, 20px, etc.

• If my answer helped click Like to say thanks
• If the problem is solved remember to click ✅ Accept Solution
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
jennarose
Excursionist
55 0 8

I tried with 10px, 20px etc... it just puts the words right back on top of the slideshow 

0 Likes
drakedev
Shopify Partner
598 128 159

Please check again the code in your theme.css and search all occurrences of 

.slideshow__text-wrap--desktop 

because I just checked again the website and the wrong go is still there

2021-08-07 18_11_31-DevTools.png

• If my answer helped click Like to say thanks
• If the problem is solved remember to click ✅ Accept Solution
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
jennarose
Excursionist
55 0 8

I did, but when I change it to px it moves it right on top of the slideshow , I wanted it below the slideshow on desktop (like how it is on mobile)

0 Likes