Sharing this little custom CSS hacks for Socket social icons & Menu indicators

Hi there!
After spending a reasonable amount of sunday night looking for that, I could figure out this little css fixes.
IMPORTANT: Those are to be put in the QUICK CSS box found in the Enfold > General Styling area.

#1. This first one will serve you well for all those looking for the socket social icons to be horizontally aligned on an imaginary base line.

#socket .social_bookmarks {float:right; margin:-19px 0 0 30px; position: relative;}

It does work for me when the combined width of content and sidebar is 100% and have the social icons aligned to the right. Tune the margin measure as needed (depends on the icons size, padding, etc.)

#2. This second one is for all those users wanting to have the minimal Header Style but still want to have the menu indicators showing:

.menu-item a:hover .avia-menu-fx { display: block !important; }

Maybe this fixes have been already covered in some other thread, but since I wasn’t able to find this exact directions, just thought I could bring ’em together in one post and share. Also, I’m absolutely no code guy, so I’m afraid I won’t be able to give further help on those tips. As I said, I figured the fixes myself by looking into the code and the Firefox Element Inpsector / Firebug so I guess the proficient Kriesi team will correct any mistakes I made in this few lines of code and will give even better directions for those in need…

Have a great week y’all! :)