The header on my homepage has the menu items I want in the layout that I want them. However on some pages (services, blog, portfolio, shop) the header hasn’t updated. Is there some conditional formatting that is preventing those pages from adopt thing the new header that I’ve edited within the elements → “Headers” page on my website? Here is the read-only link to review. Thank you!!
Hi there,
When dealing with header inconsistencies across different pages, there are several common causes to check:
The header might be using different symbols or classes across pages. Check your header settings in the Navigator panel to ensure consistent styling and structure. You can also use the Style Manager to identify any conflicting styles or unintended inheritance.
For consistent headers across your site, consider:
- Creating a symbol for your header and using it across all pages
- Checking responsive breakpoints to ensure consistent behavior
- Verifying that no page-specific style overrides are affecting the header
- Examining any custom code or interactions that might impact header appearance
You can also use the Audit feature in the Style Panel to identify inconsistencies in your header styling across pages.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I’ll guess that you’re using a purchased template, and using different pages from that design?
On your home page your nav is built in a component named Header Primary - PD Left 82px, while services you have your nav in a component called Header - Secondary.
They are completely unrelated as far as content is concerned. I haven’t analyzed and compared the classes or variables within them to see if they share any styling.
You’ll need to do some redesign work, perhaps pick one and leverage component variants… or else you’ll need to always edit both to keep them in sync.