Streaming live at 10am (PST)

iPad landscape breakpoint

Is an iPad landscape breakpoint possible yet? I find that I need to tweak things for the smaller viewport of an ipad in Landscape mode like a nav that is not necessary on desktop which seems to be the only viewport I can amend if I want to get it to appear that way in ipad landscape?


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

Webflow doesn’t use a breakpoint for tablet landscape (I don’t know why)… However they are currently building/investigating how to add more breakpoints.

You could try to use custom CSS mediaqueries

Mediaqueries

If you need help with this I can help you.

2 Likes

you can use the following code (ipad landscape > all devices)

<style>
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* insert css here */
}
</style>

or (ipad landscape > with retina display only)

<style>
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
/* insert css here */
}
</style>
1 Like