Site Title Overlays on Pages

The site front page behaves as desired: The site title has transparent background and the menu is a black background.

When I open a site page the site title and menu backgrounds stay as they are - the desired result

When I begin to scroll a site page it gets ugly: the site title lays over the page and a mess happens

But when I scroll just a bit more a good thing happens: a black background shows up behind the site title and menu bar which is functionally and esthetically good I think…

I would like both the site title and the menu bar to stick to every page but I need to fix that ugliness that happens when I being scrolling a page…

Hope that makes sense and many thanks in advance!

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

body.siteScrolled #masthead.fixed {
    background-color: rgba(0,0,0,.9);
    padding: 5px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks again for the quick response and the great work.

1 Like