Home › Forums › Support › Adding Rows Above Menu › Reply To: Adding Rows Above Menu
October 17, 2016 at 9:13 am
#236017
Tom
Lead Developer
Lead Developer
Hi there,
The logo and company name can be done using the default header. Just upload your logo in “Customize > Site Identity” and center it in “Customize > Layout > Header”.
For the top bar, you could do something like this in the Before Header hook inGP Hooks:
<div class="top-bar">
<div class="inside-top-bar grid-container">
<div class="grid-50 tablet-grid-50 mobile-grid-100 top-bar-left">
<a href="mailto:me@myemail.com">Email me!</a> | 1-234-56789
</div>
<div class="grid-50 tablet-grid-50 mobile-grid-100 top-bar-right">
<a href="http://facebook.com/me"><i class="fa fa-facebook"></i></a>
<a href="http://twitter.com/me"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
Then style it with some CSS:
.top-bar {
background: red;
color: white;
}
.top-bar-right {
text-align: right;
}
Hope this helps 🙂