Mobile text logo

creaky

Customer
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?
 

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.
 

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.