mscreamott
Forum Replies Created
-
I tried to applied that CSS but unfortunately it did not work; on the contrary, it caused the disappearing of the slider both in desktop and mobile views.
Yes, I tried that approach with CSS media queries. Here’s what I tested:
css/* Hide mobile slider on desktop */ @media (min-width: 769px) { .ct-header-mobile .metaslider { display: none !important; } } /* Hide desktop slider on mobile */ @media (max-width: 768px) { .ct-header-desktop .metaslider { display: none !important; } }
The problem is that this approach doesn’t work because the MetaSlider JavaScript animation only initializes once on page load. On mobile devices, I still see the first static image without any sliding animation.
Do you have a JavaScript solution or specific MetaSlider configuration that can force re-initialization on responsive breakpoints?”
Thank you
Thanks for answering. The slider ID is
[metaslider id="40"]. It’s inserted in one of the fields in the Header of Blocksy theme, in all responsive options. The site is currently under construction so you won’t be able to see the preview.I tried multiple CSS solutions without success, maybe the problem is JavaScript-related? thx
- This reply was modified 3 months, 3 weeks ago by mscreamott.
- This reply was modified 3 months, 3 weeks ago by mscreamott.
- This reply was modified 3 months, 3 weeks ago by mscreamott.