Header Backdrop Filter

[gunesinan]

Hi,

When I create a backdrop filter for the header using this element CSS:

$el{backdrop-filter: blur(5px);}

the transparency or color of the header around the global container shifts to a different tone. Is this normal?

When I remove the global container and the gutter, the problem is resolved, but I have to keep the global container.

This is not very vital for me but I though it ay be a bug, just wanted to let you guys know.

Thanks

Gunes

[ruenel]

Hey Gunes,

Thanks for writing in! In which element did you add the inline element CSS? I think it should be added to the Bar element. Please provide us the URL of the page where we can find this header so we can double-check it.

Cheers.

[gunesinan]

Thanks for the quick response RueNel,

I inserted the CSS to the top level bar element. You can check it on the link below.

When I remove the global container and the gutter, thae darker area expands to the edges and the entire bar dispays properly, but I do not want to remove the global container.

[ruenel]

Hello Gunes,

I would recommend that you insert a DIV element, stretch it to cover the whole Bar element and then apply your custom CSS to the DIV element instead.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.