End of Support for Joomla 3 - Forum closed
[SOLVED] Text (responsive) size on small (mobile) devices
Text (responsive) size on small (mobile) devices was created by bellevi
Posted 5 years 9 months ago #22709
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
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
by bellevi
Please Log in or Create an account to join the conversation.
Replied by bellevi on topic Text (responsive) size on small (mobile) devices
Posted 5 years 9 months ago #22710
Last Edit:5 years 9 months ago
by bellevi
Last edit: 5 years 9 months ago by bellevi.
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Text (responsive) size on small (mobile) devices
Posted 5 years 9 months ago #22717
HI there,
you can setup your own size for mobile view.
Add this code to your css/custom.css
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;
}
}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
The following user(s) said Thank You: bellevi
Please Log in or Create an account to join the conversation.
Replied by bellevi on topic [SOLVED] Text (responsive) size on small (mobile) devices
Posted 5 years 9 months ago #22720
Problem solved.
by bellevi
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates