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

Your Time: Our Time:

Countdown Timer Not Horizontal On Mobile View (horizontal)

Featured Lock Resolved Bug
Hi!
Hello. The problem was discussed and partially solved here.
But on some devices, the counter is still not displayed in one line.
https://snipboard.io/3tyJRj.jpg https://snipboard.io/5AhBLg.jpg
And in a horizontal position, on all devices it is still displayed in 2 lines.
https://snipboard.io/viyW5I.jpg https://snipboard.io/ld10jL.jpg

Please modify the addon code, because often there is enough space on the screens to display it "in a row", but for some reason the counter rearranges the fields vertically...

Regards!

4 Answers

Sifat - Staff

One week ago #Permalink
Dear Sifat.
In my case, I solved the problem by changing the "max-width" in your code.
But users just want to have a countdown counter that will be displayed in a row if there is enough space for this.

@media only screen and (max-width: 736px) {
.sppb-countdown-timer {
display: flex;
justify-content: center;
}
.sppb-countdown-timer div {
display: flex;
flex-direction: column;
max-width: 56px;
align-items: center;
}
#sppb-addon-(insert ID of your addon) .sppb-countdown-text {
width: 60px !important;
}
}


Glad to know that you've used this code to solve this issue. Hope this'll help others too.

-Thanks

Sifat - Staff

2 weeks ago #Permalink
Hi,
Thanks for your query. Would you please share the exact page url here? That would help to solve your issue easily.

-Best Regards

kupala

2 weeks ago #Permalink
Dear Sifat.
In my case, I solved the problem by changing the "max-width" in your code.
But users just want to have a countdown counter that will be displayed in a row if there is enough space for this.

@media only screen and (max-width: 736px) {
.sppb-countdown-timer {
display: flex;
justify-content: center;
}
.sppb-countdown-timer div {
display: flex;
flex-direction: column;
max-width: 56px;
align-items: center;
}
#sppb-addon-(insert ID of your addon) .sppb-countdown-text {
width: 60px !important;
}
}


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: 106
Toufiq

Toufiq

Total Accepted Answers: 53
Sifat

Sifat

Total Accepted Answers: 38
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 24
Ofi Khan

Ofi Khan

Total Accepted Answers: 19

119

Templates

306537

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