In be social theme (black menu background), the menu is not aligned properly. I check the css and found out it is due to #menu_nav .listlevel1.subsections>a:before. A temporary fix is float it to the left and -1px for its top margin. This will make the menu a bit higher. To fix this, adjust the margin in .listlevel1 to 1px 2px 0 instead of using 0 2px.
I never noticed that before! Looks like its just the text with the dropdown arrow that is out of alignment?
Maybe adding:
margin: -1px 5px 0 0;
display: inline-block;
to #menu_nav .listlevel1.subsections > a:before
would work as well?
http://www.elkarte.net/community/index.php?topic=2031.msg12794#msg12794
/me has yet to find the time (well, actually it's more I still have to remember) to update the site code... :-[
@Spuds I tried that but it's still not properly aligned. @phantom I don't see any working fix there either.
The fixes that I suggested are as follow:
#menu_nav .listlevel1.subsections>a:before {
font-family: "FontAwesome";
margin: -1px 5px 0 0;
float: left;
font-size: 1.2em;
content: "\f0d7";
color: #43a8da;
}and this:
.listlevel1 {
position: relative;
float: left;
margin: 1px 2px 0;
padding: 2px 0;
font-size: .929em;
line-height: 2.077em;
}