Mobile design

themsara

Hello, any idea how can I make the countdown smaller in mobile view? See attached. Thank you! (www.marketingconsultant.gr)

Pablo

Hello,

It's possible only using the Custom CSS code, there is no option for decreasing only single elements on mobile :(

Do you need help with it?

thanks

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

themsara

Hello! yes please can you send me the Custom CSS code so that we can put in the the mobile version? thank you in advance!

Phil

Can you send me a link to the page with this counter, please?

I cannot locate it anywhere and it is important to create Custom CSS Code.

Thanks

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

themsara

Hello!

of course:

https://marketingconsultant.gr/seminaria/marketing-masterclass/

&

https://marketingconsultant.gr/seminaria/marketing-masterclass/marketing-masterclass-basic/

thank you!

Phil

Please, put the following Custom CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media screen and (max-width:1240px){
 div.quick_fact .number,
 div.quick_fact h3.title{
      font-size: 20px!important;
   }
}

You can change the size of the font by changing this 20px value.

Thanks

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

themsara

Hello!!

we added it but is doesn't seen to work correctly: https://marketingconsultant.gr/seminaria/marketing-masterclass/

Did we do something wrong?

Thank you!

Phil

Hello,

Sorry, I have put wrong value in media queries.

Use the following Code instead, or modify the previous one by changing text in brackets to have 'max-width:767px'

@media screen and (max-width:767px){
 div.quick_fact .number,
 div.quick_fact h3.title{
      font-size: 20px!important;
   }
}

Best regards

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

themsara

Hello,

again no success.... https://marketingconsultant.gr/seminaria/marketing-masterclass/

Phil

Can you explain me greater how it should works, please?

Because the counter is visibly smaller then the previous one without the CSS Code.

Thanks

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

themsara

Hello! yes that is true, but in the mobile version if the structure is days, below time, below minutes it is too "tall" and the user need to scroll a lot (bad user experience). The best solution - according to my point of view- would be that days, time, minutes are placed in one line horizontally (only for the mobile version). What do you think? Is it possible?

Phil

Then it will be hard to have them all in one line horizontally.

It is possible but you will have to use more advanced CSS Code and in that case you should contact your webdeveloper.

Best regards

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

themsara

ok thank you!