Font-size For Mobile Devices - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Font-size For Mobile Devices

P

Pio

Template 11 months ago

Hi, on the site https://www.tuttoperleaziende.it/ted/ I use the Manufacturer template. I'd like to increase the font-size for mobile devices. Which css can I use?

Thanks Pio

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #172666

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue? Which portion do you want to increase actually?

-Regards.

0
P
Pio
Accepted Answer
11 months ago #172680

Hi, I need to increase the text of all sections of the home page and all internal pages, except the titles.

Thanks Pio

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #172715

Hi Pio.

In general you should do that from Text addon settings, there is possibility to set different font-size for Desktop, Tablet and Mobile devices. Then you have full control.

The lazy solution will be to force font-size using Custom CSS as you wanted:

@media screen and (max-width: 580px) {
 .sppb-addon-text-block .sppb-addon-content,
  .sppb-addon-text-block .sppb-addon-content p { font-size: 15px !important; }
}
0
P
Pio
Accepted Answer
11 months ago #172720

Hi Paul, I tried the css but it doesn't work.

Best Regards Pio

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #172725

It works, and here is evidence || iPhone Emulator

font-size15.gif

  • Maybe value 15px is too small for you. And you have to use 16px or 17px, hmm? It was just a example.
  • you can also change from 580px (screen) to 680px (bigger mobile screen)
  • Or you have to refresh mobile browser cache if you tested on your Mobile phone.

ALWAYS check on two browsers to be sure. I share CSS that I tested.


And obviously knowledge of CSS is essential to understand how it works.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #202984

Hi

Is this solved now?

0