Example of Fake Menu Items
The image shows the site structure with the the root folder ( here: "How to get ... ") and the hierarchy of some main folders which constitutes the different menu levels.
The names of the fake menu items are not important.
It's not known whether an optimal length exists. At your ingeniousity and experience !!! But it may better to use short names giving more flexibility to the menu mecanisme changing from conventional to dd menu and for centering the top level menu.
As explained on the start page these fake menu items are handled differently in the the two menus.
.custom-wrapper ul.menu-level-1 li:nth-child(1n+4) a { visibility:hidden }
.custom-wrapper.open li:nth-child(1n+4) a{ display:none; } /* ok: for 3 */
The term in the brakets ( ) is to be choosen depending on number of the true menu items that should be visible and displayed.
The names of the fake menu items are not important.
It's not known whether an optimal length exists. At your ingeniousity and experience !!! But it may better to use short names giving more flexibility to the menu mecanisme changing from conventional to dd menu and for centering the top level menu.
As explained on the start page these fake menu items are handled differently in the the two menus.
- As in the convential menu ( desktop menu ) the fake menu items are necessary in order to provoke the change to the ddm, in this menu they cannot be realy deleted. Therefore their visibility is put to " visibility : hidden ".
- In the ddm the same menu items oder merely not displayed. That means that they are selected and put to " display : none ".
The CSS shows as
/* -------------------- ok: for 3 (true) menu items -------------------- */.custom-wrapper ul.menu-level-1 li:nth-child(1n+4) a { visibility:hidden }
.custom-wrapper.open li:nth-child(1n+4) a{ display:none; } /* ok: for 3 */
The term in the brakets ( ) is to be choosen depending on number of the true menu items that should be visible and displayed.