[scottc]

On large screens the Header title takes up the entire header. When I reduce the Screen size it goes back to normal

http://texasethics.com/

[Sakin]

@scottc: Create Pro theme is designed to make the large site title. But if you want to change then you can change the font size as per your need in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:

.site-title { font-size: 133px; }

[Martijn]

Hello,

For me the site title is also too big but when I use the coding :
.site-title { font-size: 133px; }

its not responsive and on a phone it will be really big and not fitting in the screen anymore. Is there a code to make the .site-title smaller but still responsive. And also the tagline below a little bigger and responsive ?
Thanks…

[Sakin]

@martijn: If you just want to change it for large screen then you can add the following css instead of above.

@media screen and (min-width: 960px) {
    .site-title { font-size: 133px; }
}

[Martijn]

Thats great, thanks…
But my second question… how can I make the Tagline below the site-title bigger ? And of course also responsive so it looks good on smaller screens.

[Sakin]

@martijn: Then it will be as below:

@media screen and (min-width: 960px) {
    .site-title { font-size: 133px; }
    .site-description { font-size: 18px; }
}

[Martijn]

Thanks a lot…. looks great.

[Author]

Posts