Countdown on mobile devices
Hi, I don't like displaying of countdown on mobile devices - one column causes an unnecessary too high element and a lot of empty space on the sides. Now I deal with it at https://www.horalkysedita.cz. Here is a screenshot from iPhone https://prnt.sc/roay6e and a tablet preview https://prnt.sc/roazf7.
In my opinion, the solution would be to adjust the layout for mobile devices to two columns - here's my suggestion: https://prnt.sc/roayfb.
But I am not able to do this by adjusting CSS.
I welcome any advice
Martin
Comments
It is possible - Just use display: flex on .column_countdown .clearfix and you good to go :)
Thanks, it works great!
Can you provide exactly what was needed to achieve this and where to place it?
I've tried putting "display: flex on .column_countdown .clearfix" in the custom CSS window directly for the countdown timer and it didn't work :(
Hi nightlygroup,
paste this into the Custom CSS box at the bottom of the page:
.downcount.clearfix {display: flex;}
This works fine when displaying the DHM or DH time format.
Best regards,
Martin
You champion 😘