Firefox header not transparent

Support
#1

For a site I have in development (https://outsidebottle.wpengine.com/) I have the header set as transparent and the margin for the first section set at -10EM - and it looks correct in Chrome, but in Firefox and Edge browsers the header is showing as white. I couldn’t find a solution in the forum to fix this.

Thanks!

#2

Hey There,

Please remove the margin of first section. Then adding this custom CSS under X > Theme Options > CSS instead:

.home .masthead.masthead-inline {
    position: absolute;
    width: 100%;
}

Hope it helps :slight_smile:

1 Like
#3

Worked like a charm. Thanks!

1 Like
#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.