Sidebar social icons not at the bottom

Hey orchestramegastore,

Thank you for the inquiry.

That is the default position of the social icons inside the sidebar. If you want to adjust it, we can use this css code.

.html_header_sidebar #header .container .inner-container {
    height: 100vh;
}

.html_header_sidebar .av-sidebar-social-container {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: auto;
}

To lessen the gap between the logo and the main menu, use this css code.

.html_header_sidebar .main_menu {
    top: -25px;
}

For the content layout, try to look for the Content Alignment settings inside the Enfold > General Layout > Layout panel.

Best regards,
Ismael

Hi,

but now I cant select or highlight any of the social icons.

Try to increase the z-index property of the social icon container, or replace the css rule above with this one.

.html_header_sidebar .av-sidebar-social-container {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: auto;
    z-index: 9999;
}

For the layout issue or modification, try to use this css code to move the body content to the left.

.boxed#top {
	margin: 0 !important;
}

Best regards,
Ismael

Hi,

Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard