How to change the size of H1 title in mobile view - JoomlArt

Forums Public Forums JA Simpli How to change the size of H1 title in mobile view

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
civka Friend

civka
Join date:
January 2016
Posts:
4
Downloads:
8
Uploads:
0

Thanks:

1

September 30, 2016 at 8:23 am #972451

Hi members,
please could you tell me how to change the size of H1 in mobile view? The title takes so much space in mobile display.
Joomla 3.6.2.
test page

Thank you!

best regards
Vaclav
Saguaros Moderator

Saguaros
Join date:
September 2014
Posts:
31405
Downloads:
237
Uploads:
471

Thanks:

845

Thanked:

5346 times in 4964 posts
October 3, 2016 at 4:13 am #972884
Hi Vaclav,

You can use some CSS tricks to reduce the size of H1 tag in mobile view like this:
```
@media (max-width: 480px) {
  h1 {
    font-size: 20px;
  }
}
```
With screen small than 480px, the h1 tag will has size of 20px (you can change the value to suit your needs.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by Saguaros 7 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum