Archived topic
My 404 page is appearing weird
5 replies · Started by Amit on June 4, 2022
Hi, The 404 page is appearing weird with Title and Logo getting mixed up. Also on mobile, the Logo and Menu button are not displayed on the same line and Google search shows it not to be mobile friendly.
Hi there,
you have a Header Element ( in Appearance > Elements ) that is merging the Site Header and the content. In the Display Rules > Exclusions - add the 404 page so it does not get merged.
Added that to the exclusion. Now the white portion of logo is invisble.
Your site header is set to white currently, you can change its background color at customizer > colors.
I've added the 404 page in my predefined headers where Title appears as Dynamic Content in front of Background image. The title is appearing correctly on all pages but for 404 page, the title appears after the background image.
Hi Amit,
You can create another Header Element identical to the Header Element you have the have it displayed solely to the 404 template.
Then for the <h1> site title tag, kindly add your static 404 title.
Then, add this CSS through Appearance > Customize > Additional CSS:
.error404 h1.entry-title {
display:none;
}Hope this helps!
