Issue with flexbox on iPhones/iPads

On the site, there is a layout based on Flexbox which gets broken in iPhone/iPad Safari browser and I have no idea how to fix it.

  • Majid
    • Syntax Hero

    Hello Karolina
    I hope you are doing great today :slight_smile:

    Adding the following css to your site's custom css ( Appearance > customize > Additional CSS) seems to fix the issue on Safari mobile. somehow the browser wasn't picking up the position: absolute of the first element, that's why it was hidden underneath the other elements.

    @media screen and (max-width: 768px) {
    	.page-id-3334 #partner-logos .flexbox .partner_logos__item--you {
    	height: 100px;
    	position: relative;
    }
    }

    I hope this helps.
    Cheers,
    Majid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.