[Resolved] Disable merge with site header on mobile

[CG Klein]

Hi,

I have made a custom page header with a slideshow for the front page. I would like to disable on mobile. I am able to disable the slideshow but the content then goes under the top bar and menu. I tried to use this css but the top bar and menu go away.

@media (max-width:768px) {
.home .page-header-content {
display: none;
}
.home .site-header {
display: block;
}
}

Please Help,
cgk

[Leo]

Hi there,

Hmm I’m not seeing a page header or slider on the home page currently?

Let me know.

[CG Klein]

Hi,

Sorry about that, I have now enabled the slider.

Thanks,
cgk

[Tom]

Perhaps this will do?:

@media( max-width: 768px ) {
    .page-header-content-container {
        display: none;
    }

    .generate-combined-header {
        position: relative;
    }
}

[CG Klein]

That did the trick,

Thanks again Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts