How To Make Countdown 1 Row On Mobile - Question | JoomShaper

How To Make Countdown 1 Row On Mobile

Yofie Setiawan

Yofie Setiawan

SP Page Builder 2 years ago

Hi,

How to make countdown in 1 row also in mobile?

https://ibb.co/ckPBsgw

https://yopdesign.com/demo/absoluteracing/

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135434

HI Yofie,

I would use that:

.sppb-countdown-timer > .sppb-col-xs-3 {width: 33% !important;}

In new SPPB 5.x this may be needed

.sppb-countdown-timer > .sppb-col-sm-3 {width: 23% !important;}

33% only if you will disable showing seconds!

0
AG
Anthony Grinblat
Accepted Answer
1 year ago #164376

Where do you plug in that code?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #164402

And how do you think is better for you?

It can be Template Options > Custom Code > Custom CSS

or

Inside that Page Settings > CSS

0
AG
Anthony Grinblat
Accepted Answer
1 year ago #164459

I put it in the Page CSS, see pic https://tatumgrinblat.com/images/Screenshot%202024-08-10%20at%209.59.09%20AM.png

Still nothing.

This is the live site: https://tatumgrinblat.com

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #164602

wrong CSS class name , not xs but sm in your case:

must be

.sppb-countdown-timer > .sppb-col-sm-3 {width: 23% !important;}

10% doesn't look good !!!!

1
AG
Anthony Grinblat
Accepted Answer
1 year ago #164926

It worked. Thank you!

0