Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #919708


    Nikko created some code for me to move the logo and menu to the bottom of a one-page-website. Check
    Now I want to add social media icons but I need them to show at the top of the page like on and also with a transparent background.
    Is this possible and if so, how?
    Thanks for your help!


    Beneath is the code Nikko gave me. Is there something I can add or change so the bar with social icons stays at the top of the page containing a transparent background?

    #top .av_header_scrolldown.av_header_transparency {
    margin-top: 0 !important;
    opacity: 1 !important;
    background-color: #363636!important;

    .html_header_top.html_header_sticky #header {
    top: auto !important;
    bottom: 0 !important;


    Hi famewebdesign,

    Sorry for the late response, try adding this css code in Quick CSS (located in Enfold > General Styling):

    #header #header_meta {
        position: fixed;
        right: 5px;
        top: 10px;
        width: 130px;
        background-color: transparent;
    #header #header_meta .social_bookmarks {
        padding-left: 0 !important;
    #header #header_meta .social_bookmarks li {
        border: 0 !important;
        margin-right: 3px;
    #header #header_meta .social_bookmarks li a {
        background-color: black;
        border-radius: 50%;
        color: white;

    Hope this helps! Let us know if you need further assistance :)

    Best regards,


    Never mind. Fixed it by using a plugin. Thanks anyway.



    Glad that you found a workaround it. Thanks for using Enfold :)

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘move location social media icons’ is closed to new replies.