Streaming live at 10am (PST)

Help with iPad pro Responsive Design

Hello,

I have a bit of a complex hero layout. I have been able to set it up to be responsive for all major screen sizes. It works but it’s not great. Specifically it looks bad on iPad pro.

Could you have a look at the heros of the homepage, for Insurers for Life Sciences pages and let me know a better way to set up this layout?

Live link: https://www.canceraid.com/

read -only link: https://preview.webflow.com/preview/website-2-0-ae713a?utm_medium=preview_link&utm_source=designer&utm_content=website-2-0-ae713a&preview=c89c384e6b312d239677b6f5467fee3b&mode=preview

Thanks so much!
Bec


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hey @rlowe1228

Maybe you can use some custom breakpoints to make it look good on iPad Pro.

Here’s some links:


https://fjorgedigital.com/insights/blog/how-can-i-target-only-an-ipad-pro/

You need to add your custom css there.

Hope this helps :webflow_heart:

Looks like Webflow does not have an @media query for the larger 12.9" screen size which is 1024px in portrait. The editor stops testing at 991px at the iPad breakpoint. Not sure if that’s the iPad you’re having issues with. PiterDimitrov’s link provides the query.

In a previous webinar, Vlad mentions new breakpoints will be implemented. Obvious, since new products emerge all the time.

1 Like

Yes! Btw, it’s going to be great if we can add custom breakpoints directly from Webflow!

1 Like