How can I fix the banner issue on my Debut theme desktop view?

Store Design
1

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

2

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.

3

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

4

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.

5

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

6

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
2021-08-07 18_11_31-DevTools.png793×148 10 KB

7

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)