[Resolved] Change Website Title / Header size for tablet view

[Kim]

Hi there, I have decided to use the Website Title for tablet and mobile view. On tablet it looks a little bit small now. How can I adjust the size of the Header (Titel and menu etc.) for tablet only?

Best regards
Kim

[David]

Hi there,

in Customizer > Typography > Header you can set the Site Title font size. You can set the mobile size by clicking the mobile icon

[Kim]

Hi David, yes, that’s what I did, but there is only an option for desktop and mobile, not for tablet size. I have reduced the size for mobile, but it is too small for tablets. So I would like to have a little larger size for tablet view. Would his be possible?

[Leo]

Looks like you’ve decided to use a logo instead?

If not you can use this CSS for tablet:

@media (min-width: 769px) and (max-width: 1024px) {
    .main-title {
        font-size: 20px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Kim]

Hi Leo,

that’s strange it is still set to “Show site title”. The code does not work unfortunately.

[Leo]

Hmm I’m still seeing a logo image for sure.

Do you have a logo uploaded in the customizer?
https://docs.generatepress.com/article/site-identity-overview/

If so can you remove it?

If not then try clearing any caching plugin or server cache you might have.

Make sure the Hide site title option is not checked either.

[Author]

Posts