Header overlapping password protected pages

Hi,
Do you have a link to the page?

• This reply was modified 2 years, 3 months ago by Robert Wattner.

Thanks for replying, I added a link to the original post

• This reply was modified 2 years, 3 months ago by cebollo29.

Np, try using this custom css in the customizer or wherever you keep your global CSS.

/* PASSWORD PROTECTED PAGE STYLING */
.post-password-required {
	padding: 200px 20px;
	background: var( --e-global-color-primary );
	color: #F9F9F9;
}

.post-password-required .post-password-form p {
	justify-content: center;
}

You can get rid of everything but the padding if you want. I just thought it looked nice this way. Or, change the background and text color as you like. Note that background color is your global primary color set in elementor. If you change it in elementor it will change here too. I thought it being connected to the footer color would be nice.
Let me know if that helps.

• This reply was modified 2 years, 3 months ago by Robert Wattner.
• This reply was modified 2 years, 3 months ago by Robert Wattner.

Hi,

Now the problem is that the header has disappeared from the homepage

If you remove the code does the header return?

It was working fine a second ago, with the changes you suggested. It looks fine in the Elementor screen. When I pull the site up in the browser, the header has disappeared everywhere

Does the header come back if you remove the code?

it does not. it does show up on the password prompt page.

Where did you paste the code? It shouldn’t have anything to do with the header at all.

If the code I suggested is removed, and the problem persists, then I don’t think it’s the code. Non existent code can’t cause problems. Possibly something else was accidentally changed?

I pasted it in the Custom CSS section of the Advanced tab of the Header container

That code needed to go in the customizer or wherever it can be applied to the entire site. I guess if you are using that header as a template on the entire site it should be fine. I don’t think that’s the best place for it.

I think something happened to your header settings somehow. Are the display conditions still set correctly? Have you cleared cache?

This isn’t technically an issue with the plugin and it’s 12:30am here. I’ll have to look into this more tomorrow. Also, containers are still in beta and I can’t fully support that yet unfortunately.

Ok, I appreciate your time. For now, I have rolled the site back. I’ll write back here with any developments

• This reply was modified 2 years, 3 months ago by cebollo29.

Np, sounds good. Good luck

I have the same issue on site using WordPress with the Astra theme. The password box appears over the header and won’t accept text.

I also noticed my password page, password reset, and forgot password page also appear over the header ( for site login) But all those seem to work but just don’t look right.