Skip to main content ↑ ↓
Topic: Menu Not Aligned Properly (Read 2633 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Menu Not Aligned Properly

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.

Re: Menu Not Aligned Properly

Reply #1 –

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?

Re: Menu Not Aligned Properly

Reply #3 –

 emanuele has yet to find the time (well, actually it's more I still have to remember) to update the site code... :-[
Bugs creator.
Features destroyer.
Template killer.

Re: Menu Not Aligned Properly

Reply #4 –

@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:
Code: [Select]
#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:
Code: [Select]
.listlevel1 {
position: relative;
float: left;
margin: 1px 2px 0;
padding: 2px 0;
font-size: .929em;
line-height: 2.077em;
}