TECH: Mobile browser compliance: iOS+

  • TECH: Mobile browser compliance: iOS+

    Posted by profmag on January 14, 2024 at 11:07 pm

    Two big issues on mobile browsers:

    1. The Sozi presentation is capturing the entire screen interaction making scrolling impossible, and also, the Sozi is not tap-able. This will be corrected if we transition the Sozi to a video presentation.
    2. Fixed background-attachment is not supported, so images with this style do not display correctly. This will require media-specific CSS.
    profmag replied 9 months, 4 weeks ago 1 Member · 1 Reply
  • 1 Reply
  • profmag

    Administrator
    January 14, 2024 at 11:45 pm

    Add the following CSS to the custom CSS field in the theme customizer:

    @media only screen and (max-width: 989px) {
    .uagb-is-root-container {background-attachment: scroll !important;}
    }
    @media only screen and (max-width: 1024px) {
    .uagb-is-root-container {background-attachment: scroll !important;}
    }

    Seems to have corrected all issues except the bad background contrast on the fortnite slide. I’ll add a semi-transparent background to the text container to improve this.

Log in to reply.