center the logo for the Bindery theme

• 

  kerriyates · Member · Mar 21, 2016 at 5:09 pm

  • Copy link
  • Add topic to favorites

  Hi-

  I am looking to center the logo for the Bindery theme. It centers for the tablet and phone view but not the desktop view.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Mar 21, 2016 at 5:25 pm

  • Copy link

  Hi, try these changes, which will only affect the site on wider screens:

  @media screen and (min-width: 840px) {
  
  .site-logo-link {
  	width: 100%;
  }
  
  .site-logo, .attachment-bindery-logo {
  	display: block;
  	margin: 0 auto;
  }
  
  .site-branding { width: 100%; text-align: center; margin-right: 0; }
  
  .site-header-content { margin-right: 0; }
  
  .has-site-title .site-logo-link {
  	padding-right: 0px;
  }
  
  }

• 

  kerriyates · Member · Mar 22, 2016 at 2:20 am

  • Copy link

  OMG YOU’RE THE BEST THANKS!