Current CSS Code for Menu Handling
The total code put in | Projekt | CSS | Global | shows as follows:
/* ---------------------- conv & ddm handling ----------------------- */
.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: auf 3.*/
.custom-wrapper.open ul > li { background:Aquamarine;}
.custom-wrapper.open ul.menu-level-1 > li > a { background:transparent; color:black!important; }
/* ----------------------------------- centering conv menu ----------------------------------- */
.pure-menu ul { position:relative; left:50%; } /* manual centering 1/2 */
.pure-menu ul { transform:translateX(-9%) } /* manual centering 2/2 */
.custom-wrapper.open ul { position:static; transform:translateX(0); background:red; } /* manual centering 1+2/2 reverse */
/* ----------------------------------- re-centering ddm ----------------------------------- */
#menu { text-align: center; }
.custom-wrapper.open ul * { margin:0 auto; padding-left:0; }
#breadcrumb { display:none; }
/* ---------------------- conv & ddm handling ----------------------- */
.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: auf 3.*/
.custom-wrapper.open ul > li { background:Aquamarine;}
.custom-wrapper.open ul.menu-level-1 > li > a { background:transparent; color:black!important; }
/* ----------------------------------- centering conv menu ----------------------------------- */
.pure-menu ul { position:relative; left:50%; } /* manual centering 1/2 */
.pure-menu ul { transform:translateX(-9%) } /* manual centering 2/2 */
.custom-wrapper.open ul { position:static; transform:translateX(0); background:red; } /* manual centering 1+2/2 reverse */
/* ----------------------------------- re-centering ddm ----------------------------------- */
#menu { text-align: center; }
.custom-wrapper.open ul * { margin:0 auto; padding-left:0; }
#breadcrumb { display:none; }