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 5 months, 1 week ago.

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

    desireejester
    Member
    Post count: 6

    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
    Post count: 35

    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
    Post count: 35

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

    #113584

    desireejester
    Member
    Post count: 6

    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.