Header change between home page and other pages

  • Unknown's avatar
    dcook2345 · Member ·

    My header site id changes from below my custom logo on my home page to the right side of the logo for any other page.

    What am I doing wrong? It’s probably obvious to someone knowledgeable. Thanks for any help!

    Theme = twenty sixteen

    My custom CSS is:

    #masthead {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
    .home article {
    margin-bottom: 20px !important;
    }
    .site-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid !important;
    margin-bottom: 16px !important;
    }
    .main-navigation a {
    color: !important;
    font-size: 17px !important;
    }

    .site-header-menu, .header-image {
    margin-top: .75em;
    margin-bottom: 0;
    }

    .header-image {
    margin-top: .75em;
    margin-bottom: 0;
    }

    .widget {
    border-top: 4px solid green !important;
    margin-bottom: 4px !important;
    padding-top: 4px !important;
    }


    @media     (min-width: 768px) and (max-width: 11999999px) {

    .custom-logo-link img {
    width: 150px !important;
    float: left !important;
    }
    #left {
    float: left !important;
    width: 150px !important;
    }
    #right {
    float: left !important;
    vertical-align: middle;
    display: block;
    margin-top: 34px;
    }
    .site-branding {
    margin-bottom: 0px !important;
    }

    }
    .entry-title {
    margin-bottom: 10px;
    }
    .entry-meta {
    margin-bottom: 0px;
    }

    .entry-title {
    font-size: 2rem;
    }
    #custom_html-2 h2 {
    margin-bottom: 5px !important;
    }
    /* Move all Post meta information from the side to the bottom of the post */

    @media     only screen and (min-width: 980px) and (max-width: 20000px) {
    .blog .entry-content,.single-post .entry-content {
    float: none !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
    margin-bottom: 18px;
    width: auto !important;
    max-width: 100% !important;
    }}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dcook2345 · Member ·

    Problem is solved. This is a feature of the the Twenty-Sixteen theme. Fixed by using Child Theme editor and changing masthead for site-branding on home page

  • aleone89 · Staff ·

    Hey there!

    Glad to see you figured that out!

  • The topic ‘Header change between home page and other pages’ is closed to new replies.