Edin – Theme Rearrange Logo and Site TItle

• 

  hrpmanagementsolutions · Member · Dec 12, 2016 at 3:53 am

  • Copy link
  • Add topic to favorites

  Hi all,
  Is there a way to place my Logo to the left of my site title. As of right now The title sits on top of the logo if i enable both to be displayed.

  The only way to achieve this since the developer did not enable this option is to do it through custom CSS

  Could someone help me develop some CSS to move the logo to the left of the title

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

• 

  thesacredpath · Member · Dec 13, 2016 at 1:36 am

  • Copy link

  This can be tricky. I looked in your media library and used the image I though was probably your logo in the following. Add this CSS to your custom CSS and see what you think. I used Media Queries to adjust positioning of the logo and the site title. At 650px and narrower it works better to center the logo above the site title. See what you think and let me know. Make sure and view things on a tablet and phone. In my testing everything seems fine, but double check.

  .site-branding {
    background-image: url('https://hrpmgtsol.files.wordpress.com/2016/12/cropped-11.jpg');
    background-size: auto 90px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 100px;
    margin-left: 0;
  }
  @media screen and (max-width: 650px) {
    .site-branding {
      background-position: center 20px;
      padding-left: 0;
  }
    .site-branding .site-title {
      text-align: center;
      font-size: 1.5em;
      padding-top: 90px;
    }
  }
  @media screen and (max-width: 599px) {
    .site-branding {
      background-position: center top;
    }
  }

• 

  hrpmanagementsolutions · Member · Dec 15, 2016 at 6:40 pm

  • Copy link

  Thank you, Media Queries is the piece I was missing. And youre right, it would look very condensed horizontally if we leave it to the left side of the title for under 650px. This works perfectly. thanks again!

• 

  thesacredpath · Member · Dec 15, 2016 at 10:16 pm

  • Copy link

  Awesome, and you are welcome!

• 

  michelebwalton · Member · Dec 18, 2016 at 3:12 am

  • Copy link

  I’m having a similar issue with alignment on Edin–but it’s the post titles that I’d like to left align. The site I’m working with is michelebwalton.com. Can you suggest what CSS I could use to manipulate this?

• 

  thesacredpath · Member · Dec 19, 2016 at 4:30 pm

  • Copy link

  Hi @michelebwalton, since you are asking about a different topic, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

• 

  michelebwalton · Member · Dec 19, 2016 at 4:45 pm

  • Copy link

  Sure, @thesacredpath. I apologize for that! I actually was able to resolve the problem myself this weekend.

  Appreciate the response.

• 

  thesacredpath · Member · Dec 19, 2016 at 8:34 pm

  • Copy link

  Great you got it taken care of. If you have additional questions, please let us know.