{"id":18989555,"date":"2026-08-10T15:53:56","date_gmt":"2026-08-10T15:53:56","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/sprp_report-shortcode-button-disappears-on-mobile\/"},"modified":"2026-08-10T15:53:56","modified_gmt":"2026-08-10T15:53:56","slug":"sprp_report-shortcode-button-disappears-on-mobile","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/sprp_report-shortcode-button-disappears-on-mobile\/","title":{"rendered":"[sprp_report] shortcode button disappears on mobile"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m using the Some Plus Report Post shortcode directly in my theme PHP template:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode('&#091;sprp_report class=\"softfully-report-button\"]'); ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Auto Append Report Button is disabled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The shortcode-generated Report Post button is visible on desktop, but it is completely missing on mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My CSS for the button is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.sprp-wrapper {<br \/>    display: block;<br \/>    float: right;<br \/>    width: 100%;<br \/>    margin: 15px 0;<br \/>    clear: both;<br \/>    text-align: right;<br \/>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">I also tested:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.sprp-wrapper {<br \/>    display: block !important;<br \/>    visibility: visible !important;<br \/>    opacity: 1 !important;<br \/>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">but the button still does not appear on mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are no responsive rules in my CSS that hide .sprp-wrapper, .sprp-button, or .softfully-report-button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Could you please check whether the [sprp_report] shortcode has any device-dependent rendering, viewport detection, or JavaScript condition that could prevent the button from being output\/displayed on mobile or tablet?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I want the same single shortcode-generated Report Post button to appear on desktop, mobile, and iPad, without using Auto Append.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"template":"","class_list":["post-18989555","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18989555","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\/18989555\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18989555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}