[SOLVED] Text (responsive) size on small (mobile) devices

Hi,

Live site: dev.bellevi.be/Nails
No custom.css
Most modules custom code.
Attached files: screenshot full site + screenshot mobile site
My level of experience: first site in about 10 years using joomla

Example:
<h1 class="uk-text-center">Title</h1>
On large devices (as from uk-medium) the text ok to read and a header is shown as a header
On small devices (uk-small) or when I shrink the browser window to a mobile format header text is shrinked too much
Live site as example, see top module logo "STUDIO BELLEVI".
I notice that for example uk-button text does not reseize.

In the customizer I tried playing with the default text size under "typography" and header size under "base"

Could you please point me into the right direction to solve this issue? I would like to align and size the text for a better mobile experience.

Thank you in advance

HI there,
you can setup your own size for mobile view.
Add this code to your css/custom.css

/* Small Screen */
@media (max-width: 768px) {
h1 {
font-size: 130% !important;
line-height: 1.3 !important;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 16px !important;
line-height: 1.4 !important;
}
}

Problem solved.