Replace graphic logo with text

kick

Administrator
Staff member
Joined
Apr 7, 2020
Messages
187
Reaction score
229
Points
43
Less:
.header-logo-content-before() {
    font-family: 'Roboto';
    content: "xenForo";
    font-weight: bold;
    text-shadow: 3px 3px 3px #333;
}

.p-header-logo.p-header-logo--image {
    img {
        display: none;
    }

    a {
        &:before {
            .header-logo-content-before;
            font-size: 2em;
        }

        &:after {
            content: "- XenForo Community";
            position: relative;
            top: -2px;
            text-shadow: 3px 3px 3px #333333;
        }
    }
}

@media (max-width:@xf-responsiveMedium) {
    .p-nav-inner .p-nav-smallLogo {
        max-width: 150px;
        img {
           display: none;
        }

        a {
            &:before {
                .header-logo-content-before;
                font-size: 20px;
            }

            &:hover {
                text-decoration: none;
            }
        }
    }
}
 
Top