[Resolved] Site Title font size

[Jim]

Hi. I found that changing font size for site header in mobile does not respond at all while it does for desktop. The site title size only changes when increasing the font size for primary navigation in mobile typography settings (mobile header is disabled).

[Leo]

Hi there,

Just tested the option and it worked for me no problem.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Jim]

It is responding now. For the few times I have tried it in the past week, it didn’t. Might have been some error I didn’t know about.

[Leo]

Awesome 🙂

[Jim]

It seems this issue is back (or it has been there and I did not notice). The first code is overwriting the font size on the second code and I have to add !importantto font-size: inherit for the title size to ‘inherit’ the mobile site title in the customiser.

.main-navigation:not(.slideout-navigation) a, .menu-toggle {
    font-size: 16px;
}

.navigation-branding .main-title a {
    font-family: inherit;
    font-size: inherit !important;
    font-weight: inherit;
    text-transform: unset;
}

[Leo]

Can you disable LiteSpeed Cache so I can inspect the code better?

[Jim]

I would if this support was in real-time. But the plugin does more than serving my cache. Probably suggest an alternative way? I am not using the mobile menu.

[Leo]

There is not an alternative way for me to see the code better with the caching plugin enabled.

I’m around for the next hour if you can disable it temporarily.

[Jim]

Hi Leo. Sorry I missed this (different time zones). It is late here but I will keep the code edits with !important for now and keep watch of when you will be online again.

[Leo]

I’m online right now.

Just to make sure we are on the same page, you are saying this option isn’t working for you?
https://www.screencast.com/t/NglgJc3ngT4

If so I’ll definitely need to see the code without caching plugin to see what’s going on.

[Jim]

Yes, that is the setting that is not working when logged out and I figured the CSS as shared above is causing it. I have disabled the cache plugin. (It seems the issue occurs with the cache plugin enabled).

[Leo]

Looks like it’s working to me right now.

Is the desktop setting 25px and mobile setting 20px?

[Jim]

Yes, it is. When I enable the cache plugin, it adapts to the 16px for mobile. Check now with cache enabled. It seems the error is with Combining CSS.

[Leo]

Yeah combining CSS usually cause some issues.

We usually recommend unchecking that option.

[Jim]

I will keep the CSS for now. Can’t uncheck that option, unfortunately.

[Author]

Posts