Fonts size on mobile screens – excluding the CSS modifications

Posted in: Newsmag
Post count: 9
flaubi
#60627
Jul 22, 2015 at 9:06 pm

Hello,

I’ve made some changes in the sizes of fonts via the theme panel. How can I make the changes do not appear on mobile screens. As I increased the size of the font titles, in the mobile the font is absurdly large.

Thanks,

Flaubi.

Post count: 6535
Andrei L.
#60786
Jul 23, 2015 at 4:34 pm

Hi

The theme doesn’t have an option to display different font size on mobile devices but you can use media queries to do that like in this example.

/* the query for mobile devices */ @media (max-width: 767px){
/* classes for the selected element */ .td-post-template-default header .entry-title{
/* css rule */ font-size: 28px;
}
}

Notice that this example it’s for the post title from post template default. For other elements and post templates classes will be different and you need to inspect the element (hover over, right click >
Inspect element) and target that specific classes that the changes take effect.

Thanks!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newsmag’ is closed to new topics and replies.