Site Title and Tagline

• 

  rivercitybrassband · Member · Apr 1, 2015 at 3:15 pm

  • Copy link
  • Add topic to favorites

  I would like to please move my Site Title and Tagline to the right of my logo instead of underneath it. I am using the Edin theme and my site is rivercitybrassband.wordpress.com.

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

• 

  thesacredpath · Member · Apr 1, 2015 at 10:35 pm

  • Copy link

  Hi there, if you widen and narrow your browser window, you will see that the logo changes size (at 1019px in width, so to do this, we will need to use two Media Queries to adjust things for various browser/screen widths. At 800px in width, we will let things return to the original styling since just narrower than that, your title would start to exit the right side of the page and not be fully visible.

  Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  @media screen and (min-width: 1020px) {
    .site-branding {
      max-width: 700px !important;
      width: 100% !important;
    }
    .site-title {
      position: relative;
      left: 220px;
      top: -140px;
    }
  }
  @media screen and (min-width: 800px) and (max-width: 1019px) {
    .site-branding {
      max-width: 700px !important;
      width: 100% !important;
      height: 200px;
    }
    .site-title {
      position: relative;
      left: 160px;
      top: -120px
    }
  }