Theme: Hatch – How to align logo, in place of title, to middle?

Try adding this to your css:

#branding {
    width: 100%;
}

#site-title {
   text-align: center;
}

Hopefully you have custom CSS set up — as you should not be making changes to your theme files — they will be erased when the theme is updated.

Add this to your CSS:

#branding {
   width: 100%;
}

img.logo {
   display: block;
   margin: 0 auto;
}

First option worked! Thank you.

hi guys.. I’m trying to place the logo to the centre but it won’t move. I tried your codes up there but no lock!
The current code is:

img#logo{
margin:0;
overflow:hidden;
float:left;
width:240px;
width:240px\9;
margin:30px 0\9;

please help

@jassghamdi

The code above is specific to Hatch theme, and there is no id logo ( #logo ) in Hatch theme. Your CSS is definitely wrong, or not for this theme.

Please open a new separate topic for this and provide theme name, along with link to your site.