[cXF] Mobile logo header

DIY [cXF] Mobile logo header

Currently reading:
DIY [cXF] Mobile logo header


Staff member
May 18, 2015
BassMan submitted a new resource:

[cXF] Mobile logo header - Show logo in mobile header, but in navigation when scroll

Would you like to have a mobile header with logo like this?

View attachment 2202

As you can see you can have a mobile header, but when you scroll the logo will show in the navigation.

To achieve this add code below to extra.less template:

/* [cXF] Mobile logo header */
@media (max-width: @xf-responsiveMedium) {
    .has-js .p-header {
        display: initial;
    .p-header-logo {
        max-width: 100%;
        margin: 0 auto;

Read more about this resource...

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums