Social Icons align right of menu

Hi,

I’ve searched several posts regarding putting the social icons on the same line as the menu and tried the custom css but neither css works. These are the two I tried below. Can you please tell me custom css that will work? Also, if I decide to keep in top bar, how can I leave top bar black like it is now but make sub menu hover red? It seems whatever color you make the top bar is the same color as the submenu hover. Is there a way to set that separately?

###Tried this first###
#header_main .social_bookmarks {
right: auto;
left: 30%;
}
###Tried this next###
#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
right: auto!important;
}

Also, can you tell me how to make the RSS feed social icon stay orange like I did using the following css to keep the facebook and twitter icons to always their color of blue?

#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}

• This topic was modified 8 years, 6 months ago by yes9310.