I’d like to display my social icons on the line below my main menu. However, when the social icons drop down I’d like the menu to move right as if the social icons aren’t there. If you just change the position of the social icons using ‘position: absolute;’ the menu stays where it is and has too much padding on the right.
Hey kieranvyas,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.responsive .container {
padding-right: 0;
}
#header_main nav .social_bookmarks {
position: absolute;
margin-top: 10px;
z-index: 40;
}
#top .avia-menu.av_menu_icon_beside {
padding-right: 0;
position: relative;
z-index: 50;
}
Hope this helps :)
Best regards,
Nikko