[cXF] Mobile logo header

XF 2 Tip [cXF] Mobile logo header

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
S.V.I.P Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
18,840
Points
823

Reputation:

ENXF NET 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 9972
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:
Code:
/* [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...
 
Top