{"id":17756129,"date":"2024-05-15T07:57:28","date_gmt":"2024-05-15T07:57:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/mobile-layout-broken-after-recent-plugin-update\/"},"modified":"2024-05-15T07:57:28","modified_gmt":"2024-05-15T07:57:28","slug":"mobile-layout-broken-after-recent-plugin-update","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/mobile-layout-broken-after-recent-plugin-update\/","title":{"rendered":"Mobile layout broken after recent plugin update"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">My client uses your plugin to show their Instagram posts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It looks like the layout has broken in mobile devices after a recent plugin update.<br \/>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:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images {\n    grid-template-columns: repeat(6, 1fr);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">What I&#8217;m trying to figure out is why the <code>.sbi_disable_mobile<\/code> class is used above. So far as I&#8217;m aware, the feed was never disabled in mobile and I can&#8217;t see an option for that anywhere anyway.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The above CSS is overriding the correct CSS, which is as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media (max-width: 480px) {\n    #sb_instagram.sbi_mob_col_2 #sbi_images {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Any help would be appreciated.<\/p>\n","protected":false},"template":"","class_list":["post-17756129","topic","type-topic","status-publish","hentry","topic-tag-layout","topic-tag-mobile"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17756129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17756129\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17756129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}