- This topic has 9 replies, 2 voices, and was last updated 6 years, 3 months ago by
Tom.
-
AuthorPosts
-
October 17, 2016 at 5:43 am #235961
Brenda
Hi Tom,
I would like to add two rows above my menu. One will contain content such as phone number, email, and social links. The other row will contain a centered logo and company name. I would appreciate any assistance.
Thank you,
BrendaOctober 17, 2016 at 9:13 am #236017Tom
Lead DeveloperLead DeveloperHi 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 17, 2016 at 2:03 pm #236083Brenda
Thank you Tom!!!!!!!
This was a teaching moment for me!October 17, 2016 at 2:11 pm #236111Tom
Lead DeveloperLead DeveloperYou’re welcome! π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 17, 2016 at 3:10 pm #236141Brenda
Hi Tom,
If the default header places the logo/company name above (below, right,left) the menu, how would I place the log to the left or right of the menu in the same row?
Brenda
October 17, 2016 at 9:07 pm #236221Tom
Lead DeveloperLead DeveloperIf I understand correctly, you would make the Navigation position either “Float Left” or “Float Right” in “Customize > Layout > Primary Navigation”.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 17, 2016 at 11:24 pm #236245Brenda
Yes, and the logo/company name would float left or right of the navigation.
October 18, 2016 at 12:15 am #236254Tom
Lead DeveloperLead DeveloperThe options I mentioned should do exactly that π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 18, 2016 at 2:26 am #236315Brenda
Thank you.
October 18, 2016 at 9:07 am #236461Tom
Lead DeveloperLead DeveloperYou’re welcome π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.