fabrixxm/friendica-wp-theme
1
0
Fork 0
forked from friendica/friendica-wp-theme
Code Issues Pull requests Releases Wiki Activity

Make top menu work again

Browse source 
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
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/css/main.css
View file

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