moving the title to the center and larger fonts

• 

  drmjafari · Member · Feb 23, 2017 at 9:34 pm

  • Copy link
  • Add topic to favorites

  Hi there! My title “VIRGINIA FAMILY DENTISTRY” is too far left. I would like this centered. Could someone help me with that code? Thank you!

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

• 

  kathrynwp · Staff · Feb 24, 2017 at 5:08 pm

  • Copy link

  Could you please provide a link to your WordPress.com site? The one I see attached to this account — center4smile.wordpress.com — doesn’t have that title. Thanks!

• 

  drmjafari · Member · Feb 28, 2017 at 4:58 pm

  • Copy link

  please look at vafamilydentist.com thank you verymuch https://vafamilydentist.com/

• 

  staff-loquaciousloon · Staff · Feb 28, 2017 at 7:11 pm

  • Copy link

  Hi @drmjafari!

  Give this CSS a try – it’s designed to only affect larger screens (centering the title on small screens would make it overlap your menu, since they’re on the same line)

  @media screen and (min-width: 960px) {
      .site-branding {
          max-width: none;
          float: none;
          margin: 0 auto;
      }
      .site-title {
          text-align: center;
      }
      .main-navigation {
          margin-top: -21px;
      }
  }
  
  .site-title {
      font-size: 20px;
  }

  The font size will apply on smaller screens as well though :)