• Resolved jasewarner

    (@jasewarner)


    My client uses your plugin to show their Instagram posts.

    It looks like the layout has broken in mobile devices after a recent plugin update.
    Looking at the CSS, I can see that the following is overriding the correct number of columns for mobile (set to 2 in the feed layout settings) and setting it to 6 columns:

    #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images {
        grid-template-columns: repeat(6, 1fr);
    }

    What I’m trying to figure out is why the .sbi_disable_mobile class is used above. So far as I’m aware, the feed was never disabled in mobile and I can’t see an option for that anywhere anyway.

    The above CSS is overriding the correct CSS, which is as follows:

    @media (max-width: 480px) {
        #sb_instagram.sbi_mob_col_2 #sbi_images {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    Any help would be appreciated.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Smash Balloon Louis

    (@smashballoonlouis)

    Hi @jasewarner,

    Thank you for contacting us! The .sbi_disable_mobile class is related to legacy feeds created in versions of the plugin before 6.0. Please go to WordPress Dashboard > Instagram Feed > All Feeds, check if your feed is listed in the Legacy feeds section, and if so, try clicking Add New, recreating the feed in our newer interface, and then adding the unique shortcode generated for the new feed to your page.

    If the current feed is not a legacy feed, check the shortcode for the feed on the All Feeds page, edit the page where you are displaying the feed, and ensure the correct shortcode is being used there.

    If this does not resolve the issue, please let me know.

    Best regards,
    Louis

    Thread Starter jasewarner

    (@jasewarner)

    Hey @smashballoonlouis,

    Thanks for your reply. I’ve checked the “All Fees” page and there’s no “Legacy feeds” section anywhere, so not sure what you’re referring to? I’m guessing the fact that I can’t see such a section means that the feed isn’t a legacy one?

    We only have 1 feed active in the site, so using the right shortcode is fairly straightforward.

    Having checked these things, the feed still isn’t showing right in mobile.

    Thanks,
    Jase

    Plugin Support Smash Balloon Louis

    (@smashballoonlouis)

    Hi @jasewarner,

    Thank you for the update. Could you send us a support request here on our website so we can check on this more closely and get our development team involved if needed?

    Best regards,
    Louis

    Thread Starter jasewarner

    (@jasewarner)

    Thanks for the link. I’ve now submitted a support request ticket.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile layout broken after recent plugin update’ is closed to new replies.