Archived topic

Disable merge with site header on mobile

5 replies · Started by cgk on March 30, 2018

Viewing posts 1–6 of 6

March 30, 2018 at 2:05 am #535907

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

March 30, 2018 at 8:54 am #536285

Hi there,

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

Let me know.

March 30, 2018 at 9:08 am #536310

Hi,

Sorry about that, I have now enabled the slider.

Thanks,
cgk

March 30, 2018 at 9:35 pm #536759

Perhaps this will do?:

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

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

March 31, 2018 at 5:07 am #536960

That did the trick,

Thanks again Tom!

March 31, 2018 at 8:41 am #537183

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.