Header Style 10 not responsive?

Posted in: Newspaper
Post count: 15
LGA2017
#180464
Jun 27, 2017 at 11:54 am

Dear Newspaper Support Team,

I need Header Style 10 for the design of my site, which I needed to adapt using the custome CSS code below for font and size. Unfortunately, the result is not responsive and the appearance of the title on tablets and mobile does not adjust. How is it possible to make it responsive so that it automatically adjusts?

Thanks in advance.

.td-header-style-10 .td-logo-text-container .td-logo-text {
font-size: 60px;
font-family: “Crete Round”;
}
.td-header-style-10 .td-logo-text-container .td-tagline-text {
font-size: 25px;
font-family: “Great Vibes”;
}

Post count: 20688
Simion C.
#180476
Jun 27, 2017 at 1:54 pm

Hi,

I see that you want to use different fonts for the text logo and tagline. These fonts will not apply if they are not loaded by the theme. If they were set through the theme panel for a section or item, they would appear for the header as well.
You could either use those fonts somewhere on the website, and then the code would apply. Like in this example
– https://www.screencast.com/t/6rO2D4Xr8c
– https://www.screencast.com/t/qvAziPRKDV
Or simply upload custom fonts in the theme panel, and use them wherever you like. Check the custom font section in this guide
– https://forum.tagdiv.com/font-customization/
Simply upload the woff font by following the instructions and use it
– https://www.screencast.com/t/rgZCPbRf
– https://www.screencast.com/t/GwwSCF2y
Additionally you can create different codes depending on device for different results, using the Advanced Css section in the theme panel. You can set a general font with the code you have, but don’t use a general font size.
Instead create different codes for the size depending on device, like this for example
– https://www.screencast.com/t/E1Cx33tv8

Thanks

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