Archived topic
Navigation overlapped by headers
7 replies · Started by Carrie on October 15, 2021
The header nav looks perfect on my home page, but it's suddenly out of alignment on all other pages. It's like the page container is too high so it overlaps the navigation, but this appears to be set the same on all pages. It also happens when I create a new page.
Can you please tell me how to fix this? I'm guessing that I accidentally changed a setting somewhere. <grimace>
If I do that, it messes up the headers of the blog and posts. Is there a setting solution that doesn't involve changing CSS?
You can try modify the display rule of the Page Title new element at Appearance > Elements.
You can manually add the page one by one to the location list.
Or
SetEntire site as location, then exclude Front page and other pages that you don't want the Page title hero to show.
I'm sorry, I'm not following. How do I make the blog featured image slightly overlap the header, like it did originally in the Target starter site?
You've removed the CSS?
Alright, if so, try add this CSS:
@media (min-width: 769px) {
body.single-post .site.container, body.blog .site.container, body.archive .site.container,{
margin-top:-40px;
}
}Okay - do I add it anywhere in the CSS, or in a particular spot?
You can add it to the end of all your CSS.
