Title: CSS question and mobile side view error
Last modified: August 31, 2016

---

# CSS question and mobile side view error

 *  Resolved [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * (@theteafarm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/)
 * hello,
 * i added this code:
 * [@media](https://wordpress.org/support/users/media/) (max-width: 768px) {
    #content.
   product-item { margin-bottom: 50px; overflow: hidden; width: 46%; float: left;
   margin: 2%; height: 280px; } }
 * to make the products display 2 items instead of 1 in mobile view. it worked but
   when i turn the phone side ways, it shows the pictures big.
 * would anyone know what i can change to fix the mobile side view?
 * [http://www.peonypearls.com/shop](http://www.peonypearls.com/shop)
 * thank you in advance.

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211446)
 * How should it be displayed?
 *  Thread Starter [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * (@theteafarm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211462)
 * The horizontal mobile view should be the same as the vertical.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211463)
 * Don’t the images just do what you’ve coded though? They’re set to be almost 50%-
   wide of the screen.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211464)
 * Unless I’m missing the point. What do you mean by ” it shows the pictures big”?
 *  Thread Starter [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * (@theteafarm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211467)
 * So when I turn my phone side ways. The picture is a lot bigger and it displaces
   the product box and add to cart button etc.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211470)
 * Oh are you looking at another page?
 *  Thread Starter [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * (@theteafarm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211490)
 * No so it is the same page on an iPhone. When the iPhone is vertical, it displays
   2 products wit picture and add to cart button.
 * But if you turn the phone side ways. It shows just 2 pictures without the product
   frame and add to cart button.
 * Peonypearls.com/shop
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211491)
 * Ahah, I see now! It’s because of the height and the overflow. You’ve set a height
   of 280px on the thumbnail _and_ the product frame and add to cart button. Try
   removing that height.
 *  Thread Starter [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * (@theteafarm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211568)
 * yes. that worked! thank you

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘CSS question and mobile side view error’ is closed to new replies.

 * 9 replies
 * 2 participants
 * Last reply from: [theteafarm](https://wordpress.org/support/users/theteafarm/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/css-question-and-mobile-side-view-error/#post-7211568)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics