Dynamic for mobile

  • Resolved GBColorado

    (@gbcolorado)


    9 years, 1 month ago

    Is there a shortcode for [mia_gallery] to make it dynamic for mobile phones, to reduce the number of columns shown? The page I am trying to format is at https://brightlightsongs.com/lyrics/. I have 6 columns set for the desktop version. I would like it to only display 1-2 columns on mobile. Is there any way to do this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter GBColorado

    (@gbcolorado)

    9 years, 1 month ago

    Can I add to the css for .mla_gallery-1 .gallery-item{ } to have some code like this? @media (max-width: 560px) {
    .mla_gallery-1 .gallery-item {
    max-width: 100%;
    }
    }

    Doesn’t work

    Plugin Author David Lingren

    (@dglingren)

    9 years, 1 month ago

    Thank you for your question and for your update asking about CSS modifications. Responsive design of image galleries has been a recurring and frustrating topic, starting some years back:

    Gallery layout/responsiveness

    WordPress theme and MLA styling

    This topic links to three additional topics:

    Variable gallery columns

    And:

    Vary number of gallery columns to fit page width

    Responsive Images

    My friend and MLA user Alexander Kunz just posted:

    WordPress, Galleries, Mobile, Responsiveness, AMP?!

    In short, I regret that I have not yet found a great answer to your question. The guidance in the earlier topics can be summarized as:

    • You can use MLA’s custom style and markup templates to replace the WordPress-like layout with anything that better fits your theme and/or meets your needs.
    • You can use MLA’s support for other gallery-generating shortcodes/plugins to combine MLA’s data selection features with the formatting features of another gallery-generating solution.

    I am marking this topic resolved simply because I’ve given all the help I can. If you find a solution you like I encourage you to post it here so I and other MLA users can benefit from the progress you make. Thanks for your understanding and your interest in the plugin.

    Plugin Author David Lingren

    (@dglingren)

    9 years ago

    You might find this recent support topic of interest:

    Can the gallery be made responsive?

    It describes a simple approach to varying the size and number of items in a row based on the width of the browser window.

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

The topic ‘Dynamic for mobile’ is closed to new replies.

Tags