Joomla Templates Club 406,261 posts

[angelmo Friend angelmoJoin date: September 2016Posts: 28Downloads:38Uploads:7 Thanks: 5]

#974410

Hello

i would like change the size of headers H1,H2 ,etc only on mobile devices

Could you explain to me how to do?

Best regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974449

HI
You can use media queries to apply different style code for different screen sizes .
Link : http://www.getbootstrap.com/css/#media-queries
Example :

@media (max-width:468px) { h1 {font-size:20px!important;}}

1 user says Thank You to Pankaj Sharma for this useful post

1. angelmo

[angelmo Friend angelmoJoin date: September 2016Posts: 28Downloads:38Uploads:7 Thanks: 5]

#974460

perfect, Thanks for you quick answer 😉

Another question, i want hide the module whatsnew, i add the class hidden-phone but the module does not hidden.

Could you tell me how to do fot hide it?

Best regards

[angelmo Friend angelmoJoin date: September 2016Posts: 28Downloads:38Uploads:7 Thanks: 5]

#974461

i deleted the cahe and now it´s ok!

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#974462

Hi
Use hidden-xs , you can check the module suffix used in Bootstrap3 in the same doc I sent above .

[Author]

Posts