[Resolved] Scaling BG header images

Home Forums Support [Resolved] Scaling BG header images

Home Forums Support Scaling BG header images

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #934963
    David

    (Asking here instead of WP.org per Leo)

    First, a brief moment of fan-boy squeeing…

    I love this theme. I managed to recreate in GP an entire promo site that previously took over 20 plugins to accomplish, with just GP and Shortcodes Ultimate.

    THANK YOU.

    The only thing I can’t figure out is how to scale my section background image for mobile devices. On my phone, it shows the upper left portion of an image that is nicely displayed on the desktop version in its entirety.

    It’s the top section of the main page of the site (the only page needed on the site, actually). White text, my mug.

    Am I missing something stupidly simple?

    I thank you again for this amazing product. Purchasing GP Premium was one of the easiest decisions ever.

    #934983
    Leo
    Staff
    Customer Support

    Hi there,

    Give this CSS a shot:

    @media (max-width: 768px) {
        #generate-section-1.generate-sections-container {
            background-position: center right;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    You can also try center center; or fine tune it with px or %:
    https://docs.generatepress.com/article/backgrounds-overview/#position

    Let me know if this helps 🙂

    #935010
    David

    That code, with center center worked like a charm.

    I have two other questions, but I won’t hijack the thread.

    Thank you!!

    #935020
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.