Shopify themes, liquid, logos, and UX
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
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.
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
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.
I tried with 10px, 20px etc... it just puts the words right back on top of the slideshow
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
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)
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024