Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 1, 2018 at 3:58 pm #919708
    famewebdesign

    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

    March 2, 2018 at 9:13 am #920170
    famewebdesign

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

    March 2, 2018 at 11:20 am #920226
    Nikko

    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

    March 2, 2018 at 11:39 am #920240
    famewebdesign

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

    March 2, 2018 at 12:22 pm #920274
    Nikko

    Hi,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘move location social media icons’ is closed to new replies.