Transarency of menu bar

schochs · 7 Jan

Hi there,

After updating the T4_bs_blank template I ran in the same problem we already solved quite a while ago:
https://www.joomlart.com/forums/d/43872-how-to-make-the-menu-bar-transparent

After the update again the transparency of the menu bar is gone (the colored header image should shine through the menu bar like this: https://i.imgur.com/7fGHkUi.png ).
Currently it looks like this:
https://stefan-schoch.de

Interestingly the code you suggested and that did the job back then is still present, only the transparency is lost.

What do we have to do this time?

saguaros · 15 Jan

schochs Hello

As I can see this CSS rule set the background color for the header:

.t4-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

You can override it with:

.t4-header {
    background-color: unset !important;
}

I can't log into backend of your site so I can't check.

schochs · 15 Jan

saguaros
Thank you!

We're almost there...
Now the menu bar is transparent, which is intended unless one begins scrolling, BUT it stays so when the page is scrolled.:

Before when one began scrolling, the header image and texts went behind the menu bar.

What can we do about it?

EDIT:
I simply removed the '!important', that did the job!

Thank you again for your spport!