Countdown on mobile devices

MartinL-CZ

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 [Links visible only for registered users]. Here is a screenshot from iPhone [Links visible only for registered users] and a tablet preview [Links visible only for registered users].

In my opinion, the solution would be to adjust the layout for mobile devices to two columns - here's my suggestion: [Links visible only for registered users].

But I am not able to do this by adjusting CSS.

I welcome any advice

Martin

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gucio23

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

MartinL-CZ

https://forum.muffingroup.com/betheme/discussion/comment/202927#Comment_202927

Thanks, it works great!

nightlygroup

https://forum.muffingroup.com/betheme/discussion/comment/202932#Comment_202932

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

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

https://forum.muffingroup.com/betheme/discussion/comment/246370#Comment_246370

You champion ?