Use Logo in the NavtabMenu (xenForo 2.x.x)

Manual 2.x Use Logo in the NavtabMenu (xenForo 2.x.x)

Users who viewed this discussion (Total:2)

OniDRa™

Administrative
Administrative
Moderator
Proven
Premium
User
Posts
941
Sympathy
14
Points
19
#1
Onidra submitted a new resource:

Use Logo in the NavtabMenu (xenForo 2.x.x) - Use Logo in the NavtabMenu

View attachment 834
Add the following code to the extra.less template
CSS:
/* BDmusic24.net - NavtabMenü Logo */
.p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 45px;}
.p-nav-smallLogo {display: block;}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.p-nav-list...
Read more about this resource...
 
Posts
1
Sympathy
0
Points
1
#2
I want to expand your code to make this compatible with sticky navigation.

CSS:
.p-navSticky.is-sticky
{
.p-nav-smallLogo img {max-height: 35px; max-width: 105px;}
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 37px;}
.p-nav-smallLogo {display: block; margin-left: 10px;}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
}
 
Top