• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

CSS Media Queries For iPad in Landscape or Portrait Display

This CSS for Media Queries only applies when screen widths between 768px and 1024px and when displayed in Landscape or Portrait.

Example CSS for Media Queries which includes the logical operator and:

Landscape

Ipad

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.div {....}

}

Portrait

Ipad

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.div {....}

}

The and operator is used for combining multiple media features together into a single media query, requiring each chained feature to return true in order for the query to be true. Source

Related Tutorials

  • Different Image On Mobile Orientation Change
  • Different Background Image On Mobiles – Agency Pro
  • How To Replace Images On Mobile Screens Only
  • Change Backstretch Background Image When Mobile – AgentPress Pro

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags