Skip to content

Instantly share code, notes, and snippets.

@jessbudd
Created February 8, 2018 11:13
Show Gist options
  • Save jessbudd/e1ffe65b634f5704c5fcc2f4d382f158 to your computer and use it in GitHub Desktop.
Save jessbudd/e1ffe65b634f5704c5fcc2f4d382f158 to your computer and use it in GitHub Desktop.
Add html to "Before Header Content" in GP Hooks
<div class="new-site-logo">
<a href="https://hbdsalon.com.au/" title="HBD Salon" rel="home">
<img class="header-image" alt="HBD Salon" src="https://hbdsalon.com.au/wp-content/uploads/2018/02/HBD_Salon_Logo-e1518063893509.jpg" title="HBD Salon" srcset="https://hbdsalon.com.au/wp-content/uploads/2018/02/HBD_Salon_Logo-e1518063893509.jpg 1x, https://hbdsalon.com.au/wp-content/uploads/2018/02/HBD_Salon_Logo_1408.png 2x" width="3508" height="1069">
</a>
</div><!--site-logo-->
<div class="header-contact">
<p class="header-phone">93909387</p>
<a href="#">Book Appointment</a>
</div><!--header-contact-->
Add CSS to style sheet
/*hide original site-logo*/
.site-logo {
display: none;
}
/*new header styles*/
.new-site-logo {
width: 49%;
display: inline-block;
text-align: left;
}
.new-site-logo img {
max-width: 400px;
}
.header-contact {
display: inline-block;
text-align: right;
vertical-align: middle;
width: 49%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment