Why does my debut theme slideshow shift on desktop view?

jennarose
Pathfinder
168 0 32

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

Replies 6 (6)

drakedev
Shopify Partner
685 148 229

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 was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
jennarose
Pathfinder
168 0 32

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

drakedev
Shopify Partner
685 148 229

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 was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
jennarose
Pathfinder
168 0 32

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

drakedev
Shopify Partner
685 148 229

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 was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
jennarose
Pathfinder
168 0 32

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)