Dante header 1 opactity

[anton123]

Hi there,

I know the header opacity setting is only for Headers 3/4/5 – how do I apply it to header 1 with CSS?

I’ve found a few fixes in threads with no luck:

Header and page opacity & social Icons

example:

#header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap {
background: rgba(255,255,255,0.9);
}

Please help

Thanks very much!

[Mohammad – SUPPORT]

Hi,
Please try this css code:-

#header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap {
background: rgba(255,255,255,0.9) !important;
}

Thanks
Mohammad

[anton123]

Thanks – The same thing happens, the header background becomes gray. If I then change the customizer>color page> background and make that white – then the header becomes solid white again (with no transparency)

So the opacity setting works but it is connected to the page background somehow.

I want to see the rev slider images “see through” below the header like with Headers 3/4/5

Thanks!

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[anton123]

Thanks Mohammad – the install is on localhost (not online)

It is is the default install, you can try it on your demo with header 1 selected

[Mohammad – SUPPORT]

Hi,
Please live your website first to check it. We are not able to get your issue exactly.
Thanks
Mohammad

[anton123]

This reply has been marked as private.

[Swift Ideas – Ed]

Try adding this css:

.header-wrap {
    position: absolute;
    width: 100%;
}

– Ed

[anton123]

Thanks Guys, that worked

I noticed that it caused all other pages to show their headings + breadcrumbs underneath the header, so by adding the homepages ID to the css solved the problem like so:

.page-id-6 .header-wrap {
position: absolute;
width: 100%;
}

Thanks again

[Mohammad – SUPPORT]

Hi,
We are glad that your issues resolved.
Thanks 🙂
Mohammad