[Resolved] How to style your site title in mobile view

[muralidharan]

Hi Team GP

Can you help how to style your site title mobile view – ( My company Name) something like bloomberg mobile style view, bold and blue?

Right now it is in all caps, if I have to make it Lower Upper Case what do I do?

thanks

Love GP

Best
Murali

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .site-branding .main-title a {
        color: #0000ff;
        font-weight: 800;
    }
}

As for text transform, you can change it Customizer > Typography > Header > Text Transform.

If you only want “no transform” on mobile, then use this CSS:

@media (max-width: 768px) {
    .site-branding .main-title a {
        color: #0000ff;
        font-weight: 800;
        text-transform: none;
    }
}

[Author]

Posts