Introduce iPad Landscape Breakpoint from Tablet Breakpoint

[joergh (Jürke Hartz)]

Hey everyone,

I have an issue regarding Media Queries for an iPad landscape breakpoint. My desktop page has horizontal scroll and some other animations and I don’t want those animations on the iPad in landscape mode. So basically, I just want to create another breakpoint for the iPad that has exactly the settings of my original tablet breakpoint. I know that I can use the media queries code from this article:

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)

My question is: Where do I find the specific CSS for the tablet breakpoint and is there anything else that I have to consider?

Thank you so much in advance!

---

Read-Only-link: Webflow - Complice Design

[webdev (Jeff Selser)]

@joergh

My question is: Where do I find the specific CSS for the tablet breakpoint and is there anything else that I have to consider?

The CSS media queries are all with your sites generated CSS. Open it up in dev tools and you can view it all.

TLDR;

/* Webflow default breakpoints */

@media screen and (max-width: 991px) {
/* Your responsive CSS */
}
@media screen and (max-width: 767px) {
/* Your responsive CSS */
}
@media screen and (max-width: 479px) {
/* Your responsive CSS */
}

Custom CSS can be added to a project. If you use an external CSS file the CSS won’t render in the designer. If you use a style block in an embed it will. As for the details that all depends.