[John]

Can you tell me which css to edit to change the font size in the header including the tagline for mobile devices and what it should be?

I can see how to change it for pc’s but it does not reflect the changes in mobile devices such as android.

Thanks
John

[Sakin]

@John: It depends on the mobile screen. You can change the size and add it in “Appearance => Theme Options => Custom CSS” box.

/* For Mobile Screen upto 768px */
@media screen and (max-width: 768px) {
#site-title {
    font-size: 36px;
    line-height: 46px;
}
#site-description {
    font-size: 14px;
    line-height: 1.62em;
}
}

[John]

Hi Sakin,

Thanks that did the trick.

Can you tell me what the other mobile media screen widths are so I can adapt this if needed and also the syntax for iphones please?

Thanks
John

[Sakin]

@John: You can check here mattkersley.com/responsive

[Author]

Posts