Shopify themes, liquid, logos, and UX
Hello everyone, does anyone have a code to fix this problem? On desktop my slideshow looks perfect, the text and call to action button is displayed over the slideshow image, (view image below) and id like to be the same on mobile...
However, it doesnt show like this on mobile, (again view imagine below) Does anyone have a code which can change it so that the text and call to action button sits over the slidehow image on mobile? Any help would be greatly appriciated. i would also be looking for someone to do additional work to my website, cheers.
Solved! Go to the solution
This is an accepted solution.
On the above code add "top: 10%;" like below OR remove last given code and add this new code.
@media (max-width: 719px){
.template-index .slide .content-outer-wrap { position: absolute !important; top: 10%; }
.template-index .slide .content .title, .template-index .slide .content .tagline { color: #fff !important; }
}
Thanks!
Please share your website URL and password if any. I will check and provide a solution here.
Thanks!
luxurytrendz.co.uk pass is LT1- thank you for replying
Please add the following code at the bottom of your assets/theme.css file.
@media (max-width: 719px){
.template-index .slide .content-outer-wrap { position: absolute !important; }
.template-index .slide .content .title, .template-index .slide .content .tagline { color: #fff !important; }
}
Hope this works.
Thanks!
Legend bro! works brilliant and hasnt affected how it looks on desktop, to change the position of it to lower the text higher or lower would i change this max width number? @media (max-width: 719px){
This is an accepted solution.
On the above code add "top: 10%;" like below OR remove last given code and add this new code.
@media (max-width: 719px){
.template-index .slide .content-outer-wrap { position: absolute !important; top: 10%; }
.template-index .slide .content .title, .template-index .slide .content .tagline { color: #fff !important; }
}
Thanks!
Legend once again!
Hi Am using Empire Theme having the same issue, I tried your code but it's not working for me.
Can You please help me?
Hello, I am trying to do this but I cant find where to insert this code. I am using Minimal theme.
Is there a different place to put the code for this?
thanks
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