Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Countdown timer not horizontal on mobile view

Featured Lock Resolved Issue
Hello,

I just created this page and have a little issue with the countdown timer. When viewing on a mobile device, the minutes and seconds are below the days and hours.
Is there a way to show them all horizontal, like in the desktop view?

Regards, Peter

2 Answers

Peter Spiegelenburg

More than a month ago #Permalink
Hi, does no one have a solution for this problem?

Regards, Peter

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Actually the minutes and seconds are placed to the down in mobile devices because of the responsiveness.
Though you can use this css to get them horizontal in mobile devices too.

@media only screen and (max-width: 425px) {
.sppb-countdown-timer {
display: flex;
justify-content: center;
}
.sppb-countdown-timer div {
display: flex;
flex-direction: column;
max-width: 90px;
align-items: center;
}
#sppb-addon-1547059062272 .sppb-countdown-text {
width: 60px !important;
}
}


-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Sifat

Sifat

Total Accepted Answers: 61
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303051

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us