Archived topic

How to style your site title in mobile view

1 reply · Started by muralidharan on May 21, 2017

Viewing posts 1–2 of 2

May 21, 2017 at 3:53 am #321600

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

May 21, 2017 at 6:49 am #321646

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;
    }
}

This archived topic is closed to new replies.

Start building better websites today.