Mobile header logo – use text instead of logo

[pleeman]

Is it possible to use the site title text for the mobile header “logo” instead of the actual logo used for larger screens?

[David Martin – Support]

It’s possible to maybe do this with CSS, what is your URL. I’ll need to see your logo image and text logo setup.

Thanks.

[pleeman]

This reply has been marked as private.

[Kyle – SUPPORT]

Have you added text to the ‘text logo’ option?

– Kyle

[pleeman]

Yes, I have text specified for the Site Title.

[David Martin – Support]

Hi,

This should do it:

@media only screen and (max-width: 991px) { 
#mobile-logo.has-img img {
    display: none;
}

#mobile-logo.has-img a:before {
    content: "LOGO TEXT";
    font-size: 22px;
    position: absolute;
    left: 15px;
}
}

Thanks.