How can I centre the logo on my blog please?

• 

  clairhuntley74 · Member · Oct 27, 2015 at 12:17 pm

  • Copy link
  • Add topic to favorites

  Hi

  I do have Premium Upgrade and I am not a tech-na-phob, I have looked at a fair few user/instruction guides but I just can’t get my head round it.

  I hope someone can help me please?

  Thank you so much in advance :-)

  Best wishes
  Clair

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

• 

  thesacredpath · Member · Oct 27, 2015 at 10:01 pm

  • Copy link

  Hi Clair, the following will center your site logo.

  .site-branding {
      margin-left: 0;
      float: none;
  }
  .site-logo {
      margin-left: auto;
      margin-right: auto;
  }

  This then makes the navigation look off, so you may also want to center it as well. I’ve used a Media Query to do this part so that it doesn’t cause issues when the menu switches to the touch device menu.

  @media screen and (min-width: 1020px) {
  .primary-navigation {
      text-align: center;
      width: 100%;
  }
  .primary-navigation .menu-primary ul {
      display: inline-block;
      margin-bottom: -6px;
      position: relative;
      right: 50px;
  }
  .primary-navigation .menu-primary {
      width: 100%;
  }
  }

• 

  thesacredpath · Member · Oct 27, 2015 at 10:02 pm

  • Copy link

  Oh, I forgot, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

• 

  clairhuntley74 · Member · Oct 28, 2015 at 9:00 am

  • Copy link

  Thank you, it worked I’ve done it (YAY), the text and logo are now centred yet my menu isn’t, sorry :-)

  How can I rectify that please?

  Thank you so much.

  I think perhaps my picture is too wide aswell.

  http://www.dualfocusphotography.com what do you think?

  Thank you soooooooooooo much again :-)

  Clair

• 

  thesacredpath · Member · Oct 28, 2015 at 6:31 pm

  • Copy link

  You are welcome. I’m not seeing the second bit of code above that starts with @media. That is what centers the menu. Can you add that below what you have now?

• 

  clairhuntley74 · Member · Oct 29, 2015 at 11:05 am

  • Copy link

  Thank you so much, I’ve done it :-) woohoo :-)

• 

  thesacredpath · Member · Oct 29, 2015 at 9:13 pm

  • Copy link

  Awesome, and you are welcome.