Make top menu work again

The top menu stopped working.
A quick look showed that menu html has changed,
not matching CSS selectors anymore.

The commit f68cafa had changed the CSS selectors from
ones that apply to current menu html.

The menu has been modified from what was in place at the
time when sceenshot.png has been taken.

My guess is that different menus leads to different html
on page (I don't know why).

The CSS now use both selectors, to stay on the safe side.
This commit is contained in:
fabrixxm 2019-10-21 12:22:41 +02:00
parent 7bb8ab5df2
commit dec5c3c0b0

View file

@ -1585,7 +1585,7 @@
body, input, select, textarea {
color: #111;
font-family: "Fira Sans", Arial, Helvetica, sans-serif;
font-size: 13pt;
font-size: 14pt;
font-weight: 300;
line-height: 1.65;
}
@ -2834,9 +2834,13 @@
}
/* Nav */
#nav > ul,
#nav > .menu > ul { display: inline-block; padding:0; margin: 0; }
#nav > ul > li,
#nav > .menu > ul > li { display: inline-block; }
#nav > ul > li .sub-menu,
#nav > .menu > ul > li .children { display: none; }
#nav > ul > li:hover .sub-menu,
#nav > .menu > ul > li:hover .children {
display: block;
margin: 0;
@ -2849,9 +2853,12 @@
top: 2.5em;
min-width: 100px;
}
#nav .sub-menu li,
#nav .children li { padding: 0; line-height: 2em; }
#nav .sub-menu a ,
#nav .children a { color: #333; padding: 0.4em; width: 100%; text-align: left; white-space: nowrap; }
#nav .children a:hover { color: #fff; background-color: #5385c1; }
#nav .sub-menu a:hover,
#nav .children a:hover{ color: #fff; background-color: #5385c1; }
@media screen and (max-width: 980px) {