Need to change default columns on mobile

  • Resolved meburke

    (@meburke)


    1 month ago

    Hello,

    About a year ago I had this same question, and you were helpful in answering it here:

    https://wordpress.org/support/topic/any-way-to-change-default-columns-on-mobile/

    Now I’ve just updated my FooGallery plugin, and my thumbnails got all messed up again. They defaulted back to huge gutters, and I’ve mostly got those fixed, but on mobile my gallery thumbnails are back to a single column. Can you please share updated CSS that will get me back to two columns on mobile?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support elviiso

    (@elviiso)

    3 weeks, 3 days ago

    Hi @meburke

    I have gone through the page you shared and it’s displaying two columns on mobile. Kindly confirm if everything is okay now from your end in terms of the number of columns on mobile devices.

    Thanks

    Regards,
    Elvis

    Thread Starter meburke

    (@meburke)

    3 weeks, 3 days ago

    Just rechecked on two different mobile devices, and it is definitely not displaying in two columns. Can you please share the CSS needed to fix this? Thanks.

    Thread Starter meburke

    (@meburke)

    3 weeks, 3 days ago

    I did some more tweaking and got it to two columns. Would still like to be able to narrow the space between the columns and I still can’t get that done, so if you can share the CSS to target that, that would be great, otherwise I can live with what I’ve got.

    Plugin Support elviiso

    (@elviiso)

    2 weeks ago

    Hi @meburke

    I’m glad to know you were able to add a tweak to implement that. To modify the space between the columns, you can use the following CSS for that.

    .foogallery.foogallery-container.fg-simple_portfolio {
       --fg-gutter: 20px !important;
    }

    Thanks

    Thread Starter meburke

    (@meburke)

    1 week, 5 days ago

    Worked perfect – thanks!

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

You must be logged in to reply to this topic.