No Header Transparency with gallery

Site URL: https://www.theduophotography.com

Hello,

Ive being trying to fix the transparency of my header but i cant find any solution. I want to add in the first section a gallery but then the headers transparency doesnt work. Im not so familiar with coding but ive tried some solutions ive read in the forum here but nothing works. 

Does anyone know what i can do? Thank you!

Can you share access password?

yes of course, theduophotography.com password: fania20

22 hours ago, Fania said:

yes of course, theduophotography.com password: fania20

Add to Home > Design > Custom CSS

#page section:first-child {
    padding-top: 0 !important;
}
.header-announcement-bar-wrapper {
    background: transparent !important;
}

If you want to apply on Homepage only, use this code

.homepage {
#page section:first-child {
    padding-top: 0 !important;
}
.header-announcement-bar-wrapper {
    background: transparent !important;
}
}

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

#page section:first-child {
    padding-top: 0 !important;
}
.header-announcement-bar-wrapper {
    background: transparent !important;
}

If you want to apply on Homepage only, use this code

.homepage {
#page section:first-child {
    padding-top: 0 !important;
}
.header-announcement-bar-wrapper {
    background: transparent !important;
}
}

 

it worked!! Thank you so much 🙂 !!

Do you also know how i can make a page invisible but still accessible? In the header ive put a button that says "get in touch' and linked it to Contact page. And i dont want the Contact page to be visible as a menu option. I want them to just press the "get in touch" button and access the contact page. 

Drag that page down to the not linked section of the pages menu.

Thank you so much that was so easy 😄 i was searching to find a solution all day!