Mobile design

themsara · December 2020

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

Pablo · December 2020

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

themsara · December 2020

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 · December 2020

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

themsara · December 2020

Hello!

of course:

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

&

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

thank you!

Phil · December 2020

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

themsara · December 2020

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 · December 2020

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

themsara · December 2020

Hello,

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

Phil · December 2020

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

themsara · December 2020

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 · December 2020

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

themsara · December 2020

ok thank you!

Mobile design

Comments