Nav bar is different on gallery pages -- how to fix?

Site URL: https://www.dtr.media/

Hello,

I'm in the process of building my site and currently have a fixed header with transparency applied to my home page. I'm a CSS novice at best and mainly found the code to modify those elements by searching and piecing some things together.

The fixed/transparent header have automatically been applied to the contact/about pages, but the video & photo gallery pages aren't applying the changes for some reason. How would I go about correcting this so the nav bar is consistent across all pages?

Thanks for any help. 

Current code being used:

Quote

.Header.Header--bottom.Header--overlay { 

background-color: rgba(23,23,23,.75);
width: 100% !important;
position: fixed;
padding-bottom: 20px;
}
Header {
    border-top: 6px solid #ffffff;
}

 

Remove your fixed header code & use this code

header.Header.Header--bottom {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

2 minutes ago, tuanphan said:

Remove your fixed header code & use this code

header.Header.Header--bottom {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

 

Wow! That was incredibly fast and appears to have worked perfectly. Thank you so much for your help!!