Joomla Templates Club 406,261 posts

[modalia Friend modaliaJoin date: June 2011Posts: 96Downloads:12Uploads:49 Thanks: 39 Thanked: 7 times in 1 posts]

#206722

Hello. How can I reduce the size of title (H1) in the mobile version?

I want to shrink the title in the mobile version to 18 px. How I can do? Could I use media queries?

modalia.es

Thank you very much!!

Javi

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#572311

Hi Javi,

Yes, you can use media queries to add css for specific screen resolution.

In this case, you can go to file: root/templates/ja_magz (your default template)/css/custom.css (create this file if it doesn’t exist)

and add this css rule:

@media (max-width: 320px) {
.article-header h1{
font-size: 14px; <<< change to your desired value here;
}
}


1 user says Thank You to Saguaros for this useful post

1. modalia

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#737348

Hi Javi,

Yes, you can use media queries to add css for specific screen resolution.

In this case, you can go to file: root/templates/ja_magz (your default template)/css/custom.css (create this file if it doesn’t exist)

and add this css rule:

@media (max-width: 320px) {
.article-header h1{
font-size: 14px; <<< change to your desired value here;
}
}


1 user says Thank You to Saguaros for this useful post

1. modalia

[modalia Friend modaliaJoin date: June 2011Posts: 96Downloads:12Uploads:49 Thanks: 39 Thanked: 7 times in 1 posts]

#572535

Hi, it works!!

Thank you very much

Javi

[Author]

Posts