Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 1, 2015 at 8:37 am #496295
    Munford

    On the page below, I have a 3-column gallery inside a tab, with 6 images. Looks fine on large screens and mobile but on the ipad it breaks into a 2 column, 1 column, 2 column, 1 column arrangement. How can I set the css to have a 2 column gallery on ipads only?

    thanks
    Nancy

    September 2, 2015 at 11:14 am #496979
    Andy

    Hey Munford!

    I am using a MacBook Pro 15” and it is showing me 2column, 1column, 2 column, 1 column arrangement as well. So I suggest to use a 2 column gallery instead of a 3 column gallery.

    Best regards,
    Andy

    September 2, 2015 at 11:37 am #496991
    Munford

    or I could set a smaller thumbnail?

    September 4, 2015 at 1:44 pm #498351
    Andy

    Hi!

    this could help, try it out and let us know if you still need help with this issue.

    Regards,
    Andy

    September 9, 2015 at 1:13 pm #500367
    Munford

    Hi Andy
    Can you help to me with the css to make the galleries 2 column for 15″ and smaller devices? I’d like to keep the 3 column gallery on larger screens.
    Or is there a way to make the content 100% on 15″ screens as well? You see some margins on the end, right? (I dont’ have a laptop to check it, and the google developer elements shows different layouts for different laptops…

    thanks
    Nancy

    • This reply was modified 8 years, 7 months ago by Munford.
    September 11, 2015 at 12:02 pm #501558
    Andy

    Hey!

    it is already 2 columns for me (I have a MacBook Pro 13”). You could try to work with media queries to achieve different behavior on different screen sizes.

    Regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.