CSS for moving a Header Image

• 

  justmynarratives · Member · Dec 30, 2016 at 3:15 am

  • Copy link
  • Add topic to favorites

  I would like to move my header image from below my header menu and title to above it, but I need to know the CSS to do that. Any help you can provide is appreciated, including just telling me what the header image is called in CSS

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

• 

  thesacredpath · Member · Jan 2, 2017 at 5:33 pm

  • Copy link

  Hi, we can use the following CSS to reorder the elements in the header area and put the image first, but do know that some on older browsers, and those on Internet Explorer versions 10 and older will not see this change since they do not support this CSS.

  .site-header {
    display: flex;
    flex-direction: column;
  }
  .header-image {
    order: 1;
  }
  .site-header-main {
    order: 2;
  }

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

• 

  justmynarratives · Member · Jan 3, 2017 at 5:44 pm

  • Copy link

  thank you! That was exactly what I needed, and I managed to execute it rather quickly. Once more, thanks for your help

• 

  thesacredpath · Member · Jan 3, 2017 at 11:33 pm

  • Copy link

  Awesome, and you are welcome!