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)
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024