[Support request] Background images on Tablets and Smartphones

Home Forums Support Background images on Tablets and Smartphones

  • This topic has 1 reply, 2 voices, and was last updated 1 year ago by Leo.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #998491
    Richard

    I am using Sections to setup my static homepage image and welcome text and it looks great on my PC but the images are cutoff when I view the homepage on a tablet or smartphone. It is cutoff so much that I know it will cause visitors to bounce immediately from my site if not on a PC.

    #998535
    Leo
    Staff
    Customer Support

    Hi there,

    Background images aren’t responsive by default – it’s not a theme thing.

    You can either consider changing the position for mobile:

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

    Or use a specific image for mobile:

    @media (max-width: 768px) {
        #generate-section-1.generate-sections-container {
            background-image: url(https://MOBILE-URL-HERE)
        }
    }

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

    Let me know if this helps 🙂

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