Support » Themes and Templates » Theme: Hatch – How to align logo, in place of title, to middle?

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Theme: Hatch – How to align logo, in place of title, to middle?’ is closed to new replies.