Carousel navigation

Store Design
, ,
1

Hi, I need help for my theme customisation…

I’d like to use this carousel navigation icons for my webshop, but I’d only use it on laptop/desktop &more, but not on mobile. I’ll upload the image of it, so you can see what I’m talking about, the point is I don’t want to see on mobile because it’s anyoing, but on desktop it’s needed. Thanks! (horizon theme)

Képernyőkép 2025-12-28 170431
Képernyőkép 2025-12-28 1704311920×1042 172 KB

2

Hi @Vital3 , can you share a link to your store and a link to the page where this carousel is showing?

3

@Vital3 please activate this settings and share this page link, using css media query it can be shown on desktop only

4

Hey @Vital3

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
slideshow-arrows .slideshow-control {
    display: none !important;
}
}
</style>

RESULT:

image
image351×621 45.6 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

5

Hi, thanks for your reply!

I check out in a second, so I’ll try my best to insert this in the coding, I’m not that familiar with this section, I’m more of the css guy but I’ll let you know.

best wishes,

Vital

6

I put the coding in and it worked perfectly thank you so much!

Best wishes,

Vital

7

hi, someone fixed the issue already, thanks for your reply tho!

8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

9

Of course I gave you the like:) Actually I ran into a bit trouble, so I updated my hero section using a video, but the video won’t start automaticly on mobile when I preview it so maybe that’s a coding thing too, if you could help me I’d appriecate it!:folded_hands:
The hero section is anyoing in other ways too, the padding thing, I want to use a different padding to mobile and desktop but unfortunetly the 2 are crossing, so if I move the one, the other moves too, maybe that is fixable too :sweat_smile: I’m looking forward for your help and I’m thankful already for everything!:ok_hand:

10

I managed to fix the video thing somehow, but unfortunetly the sizing is so lame, because I move the settings for desktop, then the mobile one is wrong, so I only need help in this one! Thanks again,