Shopify themes, liquid, logos, and UX
Hi guys
1. I have removed the slick dots and arrow from the mobile version. How do I remove the white box from the mobile version as well?
2. How can I move the shop now button and/or other wordings to the bottom of the picture?
Thank you
Solved! Go to the solution
This is an accepted solution.
Hello Lolovic,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
@media screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
background-color: transparent;
top: -3.2rem;
}
}
Hello Lolovic,
Please share your site url.
So that i can check and let you know the exact solution here.
This is an accepted solution.
Hello Lolovic,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
@media screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
background-color: transparent;
top: -3.2rem;
}
}
It works perfectly. Thank you
I could not get this to work what exactly and where exactly do I past code in. You mention bottom do mean the very bottom of all code lines?
Thank you! This worked for me. Now, how do I move the button and text so that they do not lay directly over the image?
Hi I got rid of the box over the picture but I have two slideshows and there is loads of padding underneath each one so there is a big white gap between each slide show, can you help??
@Ebcswim ,
Share the store URL with screenshot
HiOscprofessional, thanks for reply. It’s ebcswim.com but it’s password protected while I work but I can take off if you need. I used your above code and now looks like this:
ideally I would just like shop button on the bottom of the images, but I would be ok if not possible and button stays where it is, if there wasn’t these massive white gaps…….
thanks
@Ebcswim ,
Password
Ebcswim - the live theme isn’t the one where i used your code I used that on a duplicate - but you can see the issues on this one perfectly - thanks
Hey osc, did you manage to look with the password ebcswim? Thanks
@Ebcswim ,
@media only screen and (max-width: 600px) {
div#shopify-section-16450244219d6b7b8c {
margin: 0;
padding: 0;
}
.slideshow__text-content.slideshow__text-content--mobile.slideshow__text-content--mobile-0.text-center {
padding: 0;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
I don't have a theme.css.liquid option. Could I just add this in the bottom of Theme.CSS?
Yes
Hi There, it worked but the font color on the mobile become black, how can i turn it to white.
thanks
Please share the screenshot.
Hey!
My Asset's folder doesn't have 'theme.css.liquid' Please advise.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024