Options for Twenty Twenty-One Settings Different

Hello Klaus,

It looks like you have some CSS in “Customizer – Additional CSS” which is removing the margin on your navigation …

#site-navigation {
    max-width: 100% !important;
}

Kind regards,

Oliver

Thank you @oliver. The menu is now displayed correctly, the reason for the CSS:

#site-navigation {
	max-width: 100% !important;
}

was that I wanted the menu bar to be full width. Not the standard website colors on the right and left.

Understood.

Rather than move the nav bar out of the header (which is what is causing this issue), leave it where it is and instead do this …

1. In “Customiser – Site Identity – Display Site Title and Tagline” make sure that is ticked
2. In “Customiser – Header Options” make sure that “Hide Site Title” and “Hide Site Description” are ticked
3. In “Customizer – Nav Options – Move Nav Below Header” make sure that is not ticked
4. In “Customizer – Nav Options – Nav Background Color” you can clear that option if you like

Let me know if that does what you require.

Thanks for the support. Now it looks better, but it looks different!

https://fauxpas-blog.com/

I’m starting to think about whether I should use a WordPress Menu Plugin.

OK, I see the problem. You’re using a header cover image for the logo rather than the site logo. This isn’t a good idea because on smaller screens the logo will be cut off. Instead, do this …

1. In “Customizer – Header Options – Header Background Image” click “Remove”
2. In “Customizer – Site Identity” click “Select Logo” and choose your logo
3. In “Customizer – Header Options – Logo Size” adjust the slider to your preferred size

Let me know if that does what you are looking for.

Thanks I did everything and now everything looks completely different, but I’m happy that at least it looks better!

What I still have to adjust now is the width of the website (around 80%) then I can leave it alone for now.

Thanks Klaus

I don’t believe there’s a setting for what you require but … take a look at “Customizer – General Options – Align Default Max Width” and “Customizer – General Options – Align Wide Max Width”

Thanks for your detailed help, but it’s over now.

I’ll leave it as it is now: https://fauxpas-blog.com/

Thanks for everything, Klaus Wilde