Header CSS not reflected in live view

Hello,

I cannot for the life of me work out why my css styles for my header, are not carrying across to my contact us page.

I have attached a screenshot of the preview of how the header and footer should look, with the styles that I have placed in the header styles tab. These styles are in effect in the live view of every other page but, not this page. It doesn’t even show the styles being overridden in the browser inspector. It’s as if they aren’t even being handed to the browser…
I tried clearing my browsing data and cache but, no change. I tried duplicating the cornerstone page and deleting the original but, nothing changed. I tried remaking the menu and directly selecting the primary menu, instead of “default” but, there was no change.

Cornerstone editor preview:
image

// header.css
.x-bar-h .menu-item.current_page_item .x-anchor-text-primary {
  color: #42ae4b;
}

.x-bar-h .menu-item:last-of-type .x-anchor-content {
  border-left: 1px solid white;
}

.x-bar-h .menu-item:last-of-type .x-anchor-text-primary {
 color: rgb(0, 174, 255);
}

.m1j-b.x-anchor:hover .x-anchor-text-primary, [data-x-effect-provider*="colors"]:hover .m1j-b.x-anchor .x-anchor-text-primary {
  color: #6e6e6e;
}

Hi @SixTsevN,

Thanks for reaching out.

Did you add the css in the Custom Code > Global CSS field? Try to temporarily disable the file compression and cache plugin to see if the issue persists.

To properly understand the issue, we may need to inspect the site directly. Please create a test page, then provide the login details in the secure note.

Best regards,

Hi @Ismael,

I tried the css in the global field and also the header field but, the problem persisted.
I’m not sure what the resolution would have been to this problem; I just copy-pasted the page sections in a new page and the styles were in effect on the new page. So I deleted the older page.

Sorry if I wasted your time.

Glad to know that things are well for you.