Count down timer add-on on mobile - Forum | JoomShaper
Solved SP Page Builder

Count down timer add-on on mobile

Asked by Shaharin Yussof 2 months ago Last activity 2 months ago

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.

Accepted answer

Marked as the solution
Ofi Khan Staff
2 months ago

Hello 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.

https://prnt.sc/dc30eayfgkvM

@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 Asked this
2 months ago

Thanks 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 Staff
2 months ago

You 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 Asked this
2 months ago

Thanks 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 Staff
2 months ago

I 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 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

Log in to reply.