1) Menu sub-items hide when moving from the main tab to the dropdown.
Solution: having a margin between the tab bottom and the child dropdown menu allows for the cursor to hit an empty space before getting to the dropdown, and triggers the hide code. Change the following line in the com_community style.css file:
- Code: Select all
#jsMenu .jsMenuBar li ul {
display:none;
border-top:0;
width:170px;
height:auto;
position:absolute;
left:0;
z-index:15;
/* this fixes menu hover issues */
/* margin-top: 2px */
}
2) Hovering over some items causes the whole text line to shift (just a little)
Solution: having a hover bold text will cause shifting unless widths are fixed; Change the following line in the com_community style.css file:
- Code: Select all
body #community-wrap div.status-creator ul li a:hover {
/* this makes things move when hovering since not fixed width */
/* font-weight: bold */
/* instead, change color */
color: gray;
}
Hope this helps you!
