Move header image to the side

• 

  mynameisranjani · Member · Nov 28, 2016 at 7:30 pm

  • Copy link
  • Add topic to favorites

  I’m using the “Singl” theme, and the headers and posts are all centered to the page. What code can I use to shift the header image to the left, or to move it any direction I want?

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

• 

  thesacredpath · Member · Nov 29, 2016 at 8:10 pm

  • Copy link

  Hi there, on the header image, I see you have the following CSS to float it to the left of the left of the element.

  .header-image {
      float: left;
  }

  If you are wanting to float it further to the left we will have to widen the parent element. Currently that element is set at 720px width to match the width of the content area. Add the following to your custom CSS and you can adjust the 90% value as desired. I used a percentage width to keep things from going awry on smaller screens.

  .site-image {
      width: 90%;
  }