Shopify themes, liquid, logos, and UX
Hi there,
I'm trying to remove the arrows and pause button from the slideshow on mobile only!
I know I have to edit the theme's code, but I don't know which part. I've tried a bunch of solutions from other posts, but none have worked. I just want tot remove the controls from the mobile view.
Thank you!
https://coolcookiesllc.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hello SearchGhost1738!
Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
@media only screen and (max-width: 749px) {
.slider-mobile-gutter .slideshow__controls { display: none; }
}
This is an accepted solution.
Hello SearchGhost1738!
Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
@media only screen and (max-width: 749px) {
.slider-mobile-gutter .slideshow__controls { display: none; }
}
Worked perfectly! Thank you
Do you know how to remove the arrows and pause button from the desktop view? I'd like to just keep the dots.
Thanks
Hey @SearchGhost1738 ,
For keep dots but remove arrows and play/pause button from desktop,
Please follow below steps
Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
@media only screen and (min-width: 750px) {
.slider-mobile-gutter .slideshow__controls .slider-button{ display: none; }
}
That worked! Do you know how to remove the line at the bottom as well? Sorry for all the changes.
Thanks @SearchGhost1738 for the Accepting solution and also for Like
For remove line at bottom, please add below code into base.css file
.slider-mobile-gutter .slideshow__controls{ border: none; }
hi, my slideshow control settings are at the top of the page for some reason for both desktop and mobile.
1) how do I bring it back down?
2) Instead of dots how do i change it to just 3 lines?
3) How do I make the control settings part of the image instead of having it at the bottom of the image?
Thank you.
My store is pass protected at the moment. I'm pretty good with editing code if i know what im looking for. The controls are simply on top of the slideshow as a opposed to the bottom where it typically would be
Still works with Dawn version 15.2.0
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024