Archived topic
tagline or text below logo
7 replies · Started by David on June 15, 2021
Hello,
Is there a method to add text directly below the website logo, I have tried using the after after_logo hook but it has put it to the right of the logo, not below it?
Im guessing the solution is adding some css?
Any help would be greatly appreciated, please note I am using a local install of a website.
Kind regards
David
Hi David,
After adding the afer_logo hook, try this CSS. Not sure if it's going to work well since I don't see your site layout.
@media (min-width: 769px) {
.inside-header.grid-container {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
}
.site-logo {
grid-column: 1/ 2;
grid-row: 1 / 2;
}
.inside-header > *:nth-child(2) {
grid-column: 1/ 2;
grid-row: 2 / 3;
}
nav#site-navigation {
grid-column: 2 / 3;
grid-row: 1 / 3;
}
}That works great thank you, just one extra close bracket in the code you provided, which one should be removed?
Great!
Sorry for the typo, I've updated the code in my last reply :)
No problem, only thing need to do now is figure out how to make the logo centered on mobile?
Could you open a new topic for the second question? And let us know if you are using the Mobile header, what does your header look like on mobile currently.
Maybe upload some screenshots:
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Thank you
No problem :)
