Mobile text logo

Support Forums

Public support forums for active customers

Documentation

Read up on the basics of our styles in our documentation area

Bug Reports

Report those bugs so we can squash them!

Ticket Support

Need help in private? View or create a support ticket

creaky

creaky

Registered
In your styles you have the option of using a image or text based logo. Is there anyway of setting this so I can use an image logo on desktop & a text based logo for mobile?

I assume this can be done with some CSS?
 
Solution
Russ
This in extra.less should handle that:

Code: 
@media (max-width: @xf-responsiveMedium)
{
    .p-nav-smallLogo a
    {
        &:before
        {
            content: "Logo text";
            font-size: 16px;
        }
        img
        {
            display: none;
        }
    }
}

Change Logo text to whatever you want.
Sort by date Sort by votes
Russ

Russ

Pixel Exit Staff
This in extra.less should handle that:

Code: 
@media (max-width: @xf-responsiveMedium)
{
    .p-nav-smallLogo a
    {
        &:before
        {
            content: "Logo text";
            font-size: 16px;
        }
        img
        {
            display: none;
        }
    }
}

Change Logo text to whatever you want.
 
Upvote 1 Downvote
Solution
You must log in or register to reply here.

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

View our stylesBrowse all our XenForo styles
DocumentationEssential information for our styles