Archived topic
2 different headers
7 replies · Started by Marc on September 20, 2021
I created to different headers for my page, one is displayed on the frontpage and one is displayed on all pages except the frontpage. For the Frontpage, this worked very well and is looking exactly as I want it to look (merged with content & transparent background). For all other pages I would like the header to have a blue background and come on top of the content, but that didn't work out. The header is coming on top of the content but the background of it is still transparent.
What can I do?
Hi there,
Is this what you were aiming for?
https://share.getcloudapp.com/8Lu5Wzno
If yes, you’ll have to assign the color of the Header & Primary navigation (For sticky state) and the Top bar’s background on Appearance > customize > Colors.
You’ll have to assign the color on the Header Element (for the static state).
Hi Elvin,
that worked nicely, except now the top bar of the front page changed to blue as well, despite page-specific CSS that should make the background transparent. Can it be fixed?
Hi there,
can you check the password for the site is still valid, i wouldn't allow me to login.
Hi David,
Yes it's still valid but you meed tp type it into the field,copying doesn't work
Hi Marc,
Are you trying to make the homepage topbar background color transparent?
If so, try this CSS:
.home .top-bar {
background-color: unset;
}Let me know :)
Hi Ying,
that worked. Thanks!
You are welcome :)
