Home › Forums › WoodMart support forum › Marquee › Reply To: Marquee

Bogdan Donovan
1. As was said in the previous reply, the header banner can’t be made sticky with the simple custom CSS code. The only solution in this case is to place the Marquee element in the top bar row and make it sticky using header builder options.
2. These options will be added in the next theme update. Before that, you can try to add the custom class “custom-marquee” to the parent column of your marquee which speed you want to adjust (https://prnt.sc/g-LAwQdNoDR5). And change the speed of this particular marquee with the following custom code. Code needs to be added to the Global Custom CSS area in Theme Settings.
@media (max-width: 1024px) {
.custom-marquee .wd-marquee .wd-marquee-content {
--wd-marquee-speed: 30s;
}
}
@media (max-width: 768px) {
.custom-marquee .wd-marquee .wd-marquee-content {
--wd-marquee-speed: 25s;
}
}
3. Try to use the following custom code to disable interaction with sliding content on mobile devices with “Pause on hover” option enabled.
@media (max-width: 1024px) {
.wd-marquee.wd-with-pause:hover .wd-marquee-content {
animation-play-state: running;
}
}
We also consider adding these changes in our next theme update.
4. Thanks for your suggestion, we will consider this as a feature request.
Kind Regards