Adding white space below header image

• 

  thrivesc4 · Member · Aug 19, 2016 at 11:15 pm

  • Copy link
  • Add topic to favorites

  I would like to add about five pixels of white space below my header image on mobile. I’m using the Canard theme.

  Thanks.

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

• 

  hallluke · Member · Aug 21, 2016 at 8:19 pm

  • Copy link

  Add this to the code area on the CSS section of the customiser:

  @media screen and (max-width:360px) {
    #masthead {
      margin-bottom: 5px;
    }
  }

• 

  thrivesc4 · Member · Aug 21, 2016 at 10:52 pm

  • Copy link

  Thank you. It’s doing the same thing on a tablet, apparently. How do I add it there, too?

• 

  hallluke · Member · Aug 21, 2016 at 10:53 pm

  • Copy link

  Just change the max-width value. Try 768px for targeting all the way up to tablet size.

• 

  thrivesc4 · Member · Aug 21, 2016 at 10:54 pm

  • Copy link

  Thank you.