Centering custom logo in responsive mode

Homepage › Community Forums › SquareOne Theme Support › Centering custom logo in responsive mode

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 23, 2014 at 1:36 pm #13999
    robwallace
    Customer

      Hi Wes –
      Another winner of a theme here!

      I’m trying to get my custom header logo to center when the screen is in responsive mode. It wants to justify left (though I see the “align center important” in the media query CSS. Any suggestions?

      Best,
      Rob

      September 23, 2014 at 1:36 pm #14000
      robwallace
      Customer

        Oh… site is bethelartsct.org

        September 24, 2014 at 9:52 pm #14015
        Wes
        Moderator

          You can add this code to your responsive section (start in the 1023px section) – 

          .site-header .site-title a {
    background-position: center top !important;
}

          There seems to be a lot of space after the logo, to reduce it you can add this to the above code – min-height: 90px; and adjust the size. You can also adjust the padding of .header-image .site-header .widget-area on line 1938 in your css.

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.