[Resolved] Hide Combined Header on Mobile

Home Forums Support [Resolved] Hide Combined Header on Mobile

Home Forums Support Hide Combined Header on Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #372332
    J. Andrew Scott

    Is there a way to either hide the combined header on mobile or force the header image to retain its original aspect ratio on mobile? (Mobile header enabled.)

    #372344
    J. Andrew Scott

    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.

    #372380
    Leo
    Staff
    Customer Support

    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!

    #372399
    J. Andrew Scott
    #372931
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
    #373135
    J. Andrew Scott

    That did the trick, thanks!

    #373158
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.