Use Logo in the NavtabMenu (xenForo 2.1.x and 2.0.x) [Deleted]

Emre

Emre

Well-known member
Emre submitted a new resource:

Use Logo in the NavtabMenu (xenForo 2.x.x) - Move your logo to the menu section

Move your logo to the menu section.

Demo;
View attachment 175861

Live demo: https://xfdestek.com

Add the following code to the extra.less template
CSS: 
/* xFDestek.com - 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;}...
Click to expand...

Read more about this resource...
 
If you want have the normal logo on page loads, and you want show a small logo into top sticky NavBarMenu, add to extra.less template the following:
Si se quiere tener el logo normal cuando se carga cualquier página y se quiere que el logo apararezca en pequeño cuando la barra de pestañas de navegación se vuelve fija en la parte de arriba de la página, pon en tu plantilla extra.less lo siguiente:
PHP: 
/* xFDestek.com - Yeni mesaj belirleyici */
/* xFDestek.com - NavtabMenü Logo */
/* XenFacil.com.com - small Logo into sticky NavtabMenu */
.is-sticky .p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.is-sticky .has-js .p-header {display: none;}
.is-sticky .has-js .p-sectionLinks {display: none;}
.is-sticky .has-js .p-sectionLinks {display: none;}
.is-sticky .p-header-logo {max-width: 100px;}
.is-sticky .has-js .p-nav-inner {min-height: 45px;}
.is-sticky .p-nav-smallLogo {display: block;}
.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.is-sticky .p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.is-sticky .p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
/* xFDestek.com - NavtabMenü Logo */
/* XenFacil.com.com - small Logo into sticky NavtabMenu */

Demo: https://xenfacil.com/forums

Salud2
 
lms said:
If you want have the normal logo on page loads, and you want show a small logo into top sticky NavBarMenu, add to extra.less template the following:
Si se quiere tener el logo normal cuando se carga cualquier página y se quiere que el logo apararezca en pequeño cuando la barra de pestañas de navegación se vuelve fija en la parte de arriba de la página, pon en tu plantilla extra.less lo siguiente:
PHP: 
/* xFDestek.com - Yeni mesaj belirleyici */
/* xFDestek.com - NavtabMenü Logo */
/* XenFacil.com.com - small Logo into sticky NavtabMenu */
.is-sticky .p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.is-sticky .has-js .p-header {display: none;}
.is-sticky .has-js .p-sectionLinks {display: none;}
.is-sticky .has-js .p-sectionLinks {display: none;}
.is-sticky .p-header-logo {max-width: 100px;}
.is-sticky .has-js .p-nav-inner {min-height: 45px;}
.is-sticky .p-nav-smallLogo {display: block;}
.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.is-sticky .p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.is-sticky .p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
/* xFDestek.com - NavtabMenü Logo */
/* XenFacil.com.com - small Logo into sticky NavtabMenu */

Demo: https://xenfacil.com/forums

Salud2
Click to expand...

Not working on Ui X2 can you please do provide it for same.
 
Emre updated Use Logo in the NavtabMenu (xenForo 2.x.x) with a new update entry:

xenForo 2.1.x

Updated to xenForo 2.1.x version.
Add the following code to the extra.less template without changing it.

CSS: 
/* xFDestek.com - NavtabMenü xenForo 2.1.x ver 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...
Click to expand...

Read the rest of this update entry...
 
You must log in or register to reply here.
Top Bottom