Hide Combined Header on Mobile

I was able to hide the image by reducing the combined header height:

@media (max-width: 768px) {
.generate-combined-page-header {
height: 75px !important;
}
}

Don't know if there is a better way to do this.

Hi there,

Any chance you can link me to the page?

It would help to come up with the best solution for your case :)

Thanks!

http://figarigroup.com

First, I would disable the "Automatically add paragraphs" option in the Page Header settings.

Then add this:

@media (max-width: 768px) {
    .page-header-content-container {
        padding: 0;
    }
    
    .generate-combined-header {
        position: relative;
    }

    .generate-content-header {
        background-image: none;
    }
}

That did the trick, thanks!

You're welcome :)