Design & Networks

How to Show or Hide Share Buttons by Device

Need to hide your share buttons on mobile (or only show them there)? Social Linkz lets you control which devices display your buttons using a Mobile Breakpoint plus Hide Above Breakpoint and Hide Below Breakpoint switches. Set the breakpoint that separates "mobile" from "desktop," then choose which side of it to hide — so buttons appear exactly where they help and stay out of the way where they crowd the layout.

These device controls for inline buttons are part of Social Linkz PRO. The floating share bar has its own breakpoint behavior, covered below.

How the mobile breakpoint works

The Mobile Breakpoint is a screen width (in pixels) that marks the line between mobile and desktop. Any screen at or below that width counts as "mobile"; anything wider counts as "desktop." The two hide switches then act relative to that line:

Control What it does
Mobile Breakpoint The pixel width that separates mobile from desktop
Hide Above Breakpoint Hides the buttons on screens wider than the breakpoint (desktop)
Hide Below Breakpoint Hides the buttons on screens at or below the breakpoint (mobile)

To hide buttons on mobile, turn on Hide Below Breakpoint. To hide them on desktop and show them only on mobile, turn on Hide Above Breakpoint.

Show or hide inline buttons by device

PRO feature

The Mobile Breakpoint, Hide Above Breakpoint, and Hide Below Breakpoint controls for inline content require Social Linkz PRO.

  1. Go to WordPress admin → Social Linkz → Settings → Inline Content.
  2. Open the Display section.
  3. Set the Mobile Breakpoint to the width that separates mobile from desktop for your theme (a common value is around 1200).
  4. Turn on Hide Below Breakpoint to hide buttons on mobile, or Hide Above Breakpoint to hide them on desktop.
  5. Save your changes.

Hide labels on mobile instead of hiding buttons (PRO)

If you use text labels next to your icons, you may want to keep the buttons on mobile but drop the labels to save space. Turn on Hide Labels On Mobile in Settings → Inline Content → Design to show icon-and-label buttons on desktop and collapse to icons only on small screens.

PRO feature

Hide Labels On Mobile requires Social Linkz PRO and works together with the Show Labels option. See styling and branding your buttons for the label options.

The floating bar has its own mobile behavior

The floating share bar uses its own breakpoint, separate from inline buttons. Below its breakpoint, the vertical side rail switches to a horizontal bar pinned to the bottom of the screen — the standard mobile-friendly placement — so it stays usable without covering content. You can also hide the floating bar entirely above or below its breakpoint. See the floating share bar guide for its full display settings.

Conclusion

Social Linkz gives you precise control over which devices show your share buttons: set the Mobile Breakpoint, then use Hide Below Breakpoint to hide on mobile or Hide Above Breakpoint to hide on desktop, all in Settings → Inline Content → Display. These inline device controls, along with Hide Labels On Mobile, are PRO features, while the floating bar switches to a bottom bar on mobile on its own. Next, explore the floating share bar or learn how to style your buttons.

FAQs

How do I hide share buttons on mobile in Social Linkz?

Go to Settings → Inline Content → Display, set the Mobile Breakpoint, and turn on Hide Below Breakpoint. This hides the inline buttons on screens at or below the breakpoint. It's a Social Linkz PRO feature.

How do I show share buttons only on mobile?

Turn on Hide Above Breakpoint in Settings → Inline Content → Display. This hides the buttons on screens wider than your Mobile Breakpoint, leaving them visible only on mobile.

What is the Mobile Breakpoint setting?

The Mobile Breakpoint is a pixel width that separates mobile from desktop. Screens at or below it are treated as mobile; wider screens are treated as desktop. The hide switches act relative to this width.

Can I keep buttons on mobile but hide the labels?

Yes. Turn on Hide Labels On Mobile in the Design section (a PRO feature) to keep the buttons but show icons only on small screens.

Does the floating share bar hide on mobile too?

The floating bar has its own breakpoint. Below it, the vertical side rail becomes a horizontal bar at the bottom of the screen, and you can hide it entirely above or below its breakpoint. See the floating share bar guide for details.

Was this page helpful?

Previous
Supported Networks