[Resolved] turn off merge with site header on mobile

[Coen]

Hi there,

I have a home page where the “Merge with site header” is turned on.

Only on mobile it doesn’t look that good.

Is there a way to turn off that function on mobile?

Adventurous greetings,
Coen

[Tom]

Did you get it working? Looks awesome to me: https://www.screencast.com/t/TEPJzTiyAtP

[Coen]

Yes, I know it works so so, but on older phones, I think it pushes the menu too much over the image.

So, it there is an easy way to stop the merge action on mobile I’ll gladly try that, if not, I’m stuck with this or disable that function on the home page (the rest of the site doesn’t use the merge function.)

Thanks for helping out.

[Tom]

This should work:

@media (max-width: 768px) {
    .generate-combined-header {
        position: relative;
    }
}

[Coen]

Indeed it does — Thank you Tom,

That worked like a charm.

[Tom]

You’re welcome 🙂

[Author]

Posts