[Support request] Video Header/Hero is Covering up Navigation

Home Forums Support Video Header/Hero is Covering up Navigation

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1407070
    Mark

    Hey all, can you help me figure this out? I followed the guide to put in a video background in the header/hero and it is hiding my navigation. I want the navigation to merge with content and overlay the video with transparency. Check it out at https://www.missionstory.org/

    #1407075
    Mark

    Nevermind I got it. For those who also have this problem, it’s in the CSS.

    Remove overflow: hidden; from the below code.

    .background-video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
    
    .page-hero {
        position: relative;
        overflow: hidden;
    }
    
    .background-video-content {
        position: relative;
        z-index: 1;
    }
    
    video[poster] {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    #1407078
    Leo
    Staff
    Customer Support

    Glad you’ve figured out 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.