• Hello,

    I am running into two issues with the header image/header slider interaction. Any help would be appreciated.

    My test site: http://ecbiz196.inmotionhosting.com/~thegre72/

    1) I’ve set a header image under Appearances -> Customize -> Header Area -> Header Image but even if I scroll below the header slider, I am only seeing a black background as opposed to my uploaded image.

    2) I’d like to have my header image appear right when a user lands on my page – i.e. a static header image that travels with my sticky header. However, it looks like the Header Slider is overlapping that area and preventing me from displaying the header.

    I hope that makes sense but if not, please let me know how I can clarify.

    Thanks,
    WPNewbie87

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello there,

    Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

    .site-header,
    .site-header.fixed {
        position: absolute !important;
    }
    
    .site-header.float-header{
        background-color: transparent !important;
        padding: 20px 0 !important;
    }
    
    .slides-container .slide-item {
        background-attachment: scroll !important;
        background-position: top center !important;
    }  
    
    @media only screen and (max-width:1024px){
    
        .site-header.fixed {
            position: absolute !important;
            background: transparent !important;
        }   
    
    }

    Let me know how it goes. I’ll wait to hear back from you regarding your stats.

    Regards,
    Kharis

    Thread Starter wpnewbie87

    (@wpnewbie87)

    Hey Kharis,

    It looks like that code just made my header non-sticky. I’ve left the code in my child theme’s style.css if you want to take a look.

    -Rich

    Hello Rich,

    Apologies for the misled.

    From dashboard, go to Appearance > Customize > Header Area > Header Type > enable “Image” for front page header type.

    Regards,
    Kharis

    Thread Starter wpnewbie87

    (@wpnewbie87)

    Hi Kharis,

    I don’t think that code is working as intended. My page is now greyed out.

    Rich

    Thread Starter wpnewbie87

    (@wpnewbie87)

    Up, still need help with this.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Header Slider Overlapping Header Image’ is closed to new replies.