Info banner above header images

• 

  surreyoakbarns · Member · Sep 17, 2016 at 5:21 pm

  • Copy link
  • Add topic to favorites

  I would like to include a info banner above my header image where I can add phone number / email address – is this possible?

  Thanks for any help!

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

• 

  thesacredpath · Member · Sep 27, 2016 at 1:53 am

  • Copy link

  Hi there, this is a bit tricky. Add the following to the bottom of your custom CSS and see what you think. I had to make a couple adjustments to the title and the menu toggle button so that they would not be partially hidden by the above email/phone text line. Simply edit the content text string and add your email address and phone number.

  .site-header:before {
      content: "Email | Phone";
      display: block;
      color: #000;
      font-family: Raleway,"Helvetica Neue",sans-serif;
      padding-left: 1.6em;
  }
  .header-wrapper {
      padding-top: 50px;
  }
  @media screen and (max-width: 735px) {
  	.site-title {
  		padding-top: 15px;
  	}
      .main-navigation button {
          top: 3em;
      }
  }