[Resolved] Page header image

Home Forums Support [Resolved] Page header image

Home Forums Support Page header image

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #631628
    Feijoo

    Hello,

    I have a problem with the page header image, on the computer screen it looks good, but on mobile, the image appears cropped…I can’t fix it.

    Thanks a lot.

    GP Premium 1.6.2
    #631660
    David
    Staff
    Customer Support

    Hi there,

    OK, so the background image is set to cover and therefore gets cropped on smaller screens.
    Need to make a few changes.

    1. In your page header content remove all the line breaks </br> from your markup and add a class to the footer element like so:

    <footer class="page-header-footer">

    2. Then add the following CSS:

    .generate-content-header {
        background-size: 100%;
    }
    
    .inside-page-header {
        padding: 28% 40px !important;
        position: relative;
    }
    .page-header-footer {
        position: absolute;
        bottom: 0;
        right: 5%;
    }
    #633971
    Feijoo

    Hi,

    Problem solved 🙂

    Thank you very much!!

    Regards.

    #633984
    David
    Staff
    Customer Support

    Awesome. Glad i could help.

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