post widget columns in responsive mode

Asked on February 4, 2016 in Troubleshooting.

Hi
I have a post widget in boxed layout with 3 columns (eg. 1/3 1/3 1/3) and with gutter in masonry style.  However… when I look at the page on an iPad or landscape mode on mobile the columns do not show/move properly. I get the following:
1/3 1/3
1/3
but I should get this:
1/2 1/2
1/2

Any solution to this problem?

Thank you 🙂

/Nic

nicolas Layers User
Reply
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on February 8, 2016.

    Hi there,

    1. Are you using a child theme?
    2. What is the screen size of your mobile device?

    Please compare against this test page, which appears to show this working as expected:
    http://www.responsinator.com/?url=http%3A%2F%2Fwww.vailjoy.com%2Flayers%2Fthree-column-test%2F

     Note that you will get weird results when turning retina devices sideways, especially when working with 3s. The mobile modes are optimized for specific widths which may not account for things like the iphone 6 specifically. To change this, you can add your own mobile breakpoints using DevKit or directly in the CSS panel.

    How to Customize Your Site With CSS

    Reply