Joomla! Forum - community, help and support

Posted: **Sun Jan 21, 2024 4:47 pm**

Web site with two languages:
-english (default)
-italian

I want to increase the font-sizes in smartphones, both portrait or landscape orientations:

Code: Select all

@media only screen and (pointer: coarse) {
	.benvenuto {
		font-size: 16px;
	}
}

"benvenuto" is a custom class with default font-size 12 px, good for desktop monitors.

On smartphone code works perfectly in the english language, while in the italian lang in both orientations I get font-size 12 px.

Note: also with the test-code:

Code: Select all

@media only screen and (max-width: 720px) {
	.benvenuto {
		font-size: 16px;
	}
}

with smartphone in portrait orientation setting the italian lagnuage font-size remains 12px. $:-\$

Posted: **Sun Jan 21, 2024 4:54 pm**

Not much we can do without a Link.

Use "Inspect Element" in your browser to see what is going on.

Posted: **Sun Jan 21, 2024 5:47 pm**

Per Yngve Berg wrote: ↑Sun Jan 21, 2024 4:54 pm Not much we can do without a Link.

True.

But I can't post the link since the site contains some utilities for poker online and one administrator sent to me a private message warning that links to "adult content" are prohibited.

Per Yngve Berg wrote: ↑Sun Jan 21, 2024 4:54 pm Use "Inspect Element" in your browser to see what is going on.

I really don't know what inspect: the class "container-search" to select languages is the original one of Cassiopeia and the custom class "benvenuto" is identical for both languages.

*** EDIT ***

Suddenly everything started working again on both sites.
I kindly ask the moderator to delete the post.

Posted: **Sun Jan 21, 2024 10:00 pm**

use "em" or "rem" instead of px for your font size.

The post will be here for others benefit and not removed.

Joomla! Forum - community, help and support

Problems on smartphone font-sizes

Problems on smartphone font-sizes

Re: Problems on smartphone font-sizes

Re: Problems on smartphone font-sizes

Re: Problems on smartphone font-sizes