Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #167457
    catwingz
    Participant

    Hi,

    I am trying to center the logo for site in progress. So far I have used this code:

    @media screen and (min-width:1120px) {
    	.custom-logo-link {
    		position:absolute;
    		transform:translateX(-50%);
    		left:50%;
    	}	
    }

    which does center it but is also resulting in the logo dropping down to overlap the top half of the banner. It doesn’t do this in the customizer but shows on the live site. What am I missing?

    Thank you

    #167470
    Skandha
    Participant

    @catwingz: Please replace the above CSS Code by the following.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #site-logo, #logo-wrap {
    	width:100%;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Center logo issue’ is closed to new replies.