WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
Move Social Media Icons & Search Icon to Navigation Bar (2 posts)

  1. amyjo114
    Member
    Posted 9 months ago #

    Can someone help me move the social media icons and search icon down into the navigation bar and remove the white space below my header?? I've tried all the fixes I can find in the forum and others, but nothing seems to work.

    I'm hoping the white space below the header disappears when I move the icons, but I don't know that for sure.

    http://www.baggerfever.net

    Thanks for your help
    Amy

  2. amyjo114
    Member
    Posted 9 months ago #

    Ok, I figured out how to remove the white space, but I am still needing help figuring out how to place the search & social media icons in the navigation bar. Or I could handle them sitting on top of the header image as well, but I can't seem to figure this out either. I thought adding a z-index would do the trick, but that didn't work.

    For others with the space between the header image and the navigation bar here is the css code I added into the Custom CSS area. I have no idea which of those things actually made it disappear, but I don't even care at this point. I'm just happy it's gone! :)

    Any help moving the icons would be appreciated. Thanks!

    #site-description {
    display: none;
    margin: 0;
    font-weight: 300;
    float: left;
    line-height: 0;
    }
    
    #header #searchform {
    display: none;
    float: none;
    }
    
    #site-title img {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
    }
    #site-title {
    margin: 0;
    margin-right: 0;
    line-height: 0;
    float: left;
    }
    #sidebar-header {
    display: none;
    }
    #sidebar-header {
    float: none;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    }
    #header-image {
    display: block;
    max-width: 100%;
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags