Header Slider Overlapping Header Image

  • wpnewbie87

    (@wpnewbie87)


    9 years, 11 months ago

    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)
  • Kharis Sulistiyono

    (@kharisblank)

    9 years, 11 months ago

    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)

    9 years, 11 months ago

    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

    Kharis Sulistiyono

    (@kharisblank)

    9 years, 11 months ago

    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)

    9 years, 11 months ago

    Hi Kharis,

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

    Rich

    Thread Starter wpnewbie87

    (@wpnewbie87)

    9 years, 11 months ago

    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.