Count Down Timer Add-on On Mobile
Shaharin Yussof
How do I get the count down timer add on that comes with SPPB to appear horizontal on mobile. I've tried every setting on section, column, and add-on that I think might make it happen, and I just cannot get it to be horizontal like it is on computer.
Ofi Khan
Accepted AnswerHello Shaharin Yussof,
Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing.
Please use this CSS to the Countdown Addon -> Style -> Custom CSS option.
@media(max-width: 425px){
#addonId .sppb-countdown-timer.sppb-row {
flex-wrap: nowrap;
}
}It will show the countdown time horizontally like in the desktop view. The CSS will only apply on the addon you have used the CSS for.
Best regards
Shaharin Yussof
Accepted AnswerThanks for that. It was very helpful and works beautifully, and I appreciate the comprehensive help with email, screenshot, and forum reply.
Now I have a different question about it. Is there any way of being able to disable the individual time units? I would like to be able to only show days with my particular application, but I can also imagine doing only hours, or both days and hours. Minutes and seconds are not particularly useful for my requirements right now.
Ofi Khan
Accepted AnswerYou are welcome 😊
Yes, you can hide it with Custom CSS too. Try this CSS to hide minutes and seconds.
#addonId .sppb-countdown-minutes,
#addonId .sppb-countdown-seconds {
display: none;
}