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;
}Shaharin Yussof
Accepted AnswerThanks so much for that also very quick reply. Works beautifully! I'm very happy that I decided to go with SPPB, both for it's functionality and it's support.
Ofi Khan
Accepted AnswerI appreciate your kind words. Thank you.
I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on
This will inspire us to improve.