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

    Hi!

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

    #920170

    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;
    }

    #920226

    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,
    Nikko

    #920240

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

    #920274

    Hi,

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

    Best regards,
    Nikko

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

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