Archived topic
Learning about Header Element - what did I do wrong?
8 replies · Started by Julia on April 8, 2021
I'm just learning how to use the Header element so I didn't want to do anything fancy to start. Instead, I thought I would just try to make my site logo align horizontally with my nav.
What I did is create a Header Element set to display only on one particular page (which worked as expected). I left everything about the header basically blank - the only thing I did was ask it to Merge. I expected it would bring my nav down to align with the logo; but instead it pushed the page content up. So now the nav is still above everything, and the site logo is sitting on top of the top portion of the page content.
I'd like to attach a screenshot of what happened, since I'm planning to keep futzing with it. So by the time someone reads this, the page won't look the same anymore. But here's the link to the page where it's happening: https://solvingmetoo.com/season-2-episodes-guests/
Thanks in advance.
Hi Julia,
Could you tell me what you are trying to achieve?
Let me know :)
Hi Ying,
As I said, I'm just trying to make my site logo align horizontally with my nav. Right now the logo floats below the nav.
You won't need a header element to achieve this.
Try adding this CSS ( make sure you clear cache).
.fixed-width.cf {
display: flex;
align-items: center;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks. But I added that code snippet to the simple CSS on that page, cleared cache and refreshed. But the page still looks the same. ??
https://solvingmetoo.com/season-2-episodes-guests/
This is what I see, you'll need to clear your browser cache as well.
https://www.screencast.com/t/LjVvjtQK5hdZ
And the header element should be disabled since it's not for this purpose.
Let me know :)
I tried it in Safari and it is in fact showing up properly there. Weird, cuz I have cleared my Chrome cache several times now. Anyway, that's a different problem. Thanks for your help.
resolved
Glad it works.
You are welcome :)
