• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 2.0 Add a menu item for mobile view only


Create the new navigation menu. After that, enter this code in your extra.less
.p-nav .p-nav-list li:nth-of-type(1) {display: none;}
change the number (1) by the tab number according to the order shown.

For example
.p-nav .p-nav-list li:nth-of-type(2) {display: none;}
.p-nav .p-nav-list li:nth-of-type(3) {display: none;}
.p-nav .p-nav-list li:nth-of-type(4) {display: none;}

I do not know if you can change the number by the navs IDs, so if somebody knows...