Countdown on mobile devices

MartinL-CZ · March 2020

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

Pablo · March 2020

Helllo Martin,

Changing it will be not possible - BeTheme is made to be single row on mobile by the default and modifying it is not possible.

You would have to edit the theme files, which is sadly not supported by us.

Thanks

gucio23 · August 2021

It is possible - Just use display: flex on .column_countdown .clearfix and you good to go :)

MartinL-CZ · August 2021

gucio23 Aug 8, 2021

It is possible - Just use display: flex on .column_countdown .clearfix and you good to go :)

Thanks, it works great!

nightlygroup · December 2023

MartinL-CZ Aug 9, 2021

https://forum.muffingroup.com/betheme/discussion/comment/202927#Comment_202927
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 :(

MartinL-CZ · December 2023

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

nightlygroup · February 2024

MartinL-CZ Dec 16, 2023

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 ?

Countdown on mobile devices

Comments