Logo not centered in full width – Sample Child Theme 2.0

Community Forums Forums Design Tips and Tricks Logo not centered in full width – Sample Child Theme 2.0

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  desireejester 1 year, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #113307

    desireejester
    Participant

    Hi again! I am having an issue getting my logo to center when the screen is at full width. Once it is scaled down to tablet width, the logo automatically centers. However, it is aligned to the left when viewed at full width. My site is here: http://testsite1.wideeyedwonders.com and the CSS I used for the header image is below. Thanks!

    /* Logo, hide text */

    .header-image .site-header .wrap {
    background: url(images/logo.png) no-repeat;
    padding: 0;
    }

    .header-image .site-title a {
    display: block;
    margin: 0 auto;
    min-height: 75px;
    width: 100%;
    }

    http://testsite1.wideeyedwonders.com
    #113318

    Matt Mizwicki
    Participant

    Add the word “center” to your background url like this…

    
    background: url(images/logo.png) center no-repeat;
    

    You’ll have to mess with the padding/margins after that though i think.

    #113319

    Matt Mizwicki
    Participant

    Ok, i think then if you just remove margin: 0 auto; and padding: 0; you should be good to go!

    #113584

    desireejester
    Participant

    That worked like a charm! Thanks so much!

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

You must be logged in to reply to this topic.