How to get social media icons to appear in the header on mobile (studio theme)

Topic summary

A user is customizing the Studio theme and wants social media icons to display in the mobile header exactly as they appear on desktop.

Current situation:

  • Desktop header shows social media icons in the desired position (see attached screenshot)
  • Mobile layout displays icons differently than preferred
  • Icons also appear at the bottom of the mobile menu, which the user wants to remove

Goal:

  • Match mobile header icon placement to desktop layout
  • Remove duplicate social media icons from the bottom of the mobile menu

The user has provided screenshots showing both the desktop layout (preferred) and current mobile layout. This appears to be an ongoing customization request with no responses or solutions posted yet.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hi there!

I’m trying to figure out how to have my social media icons appear like they do on desktop on my mobile layout.

This is what the desktop currently looks like, which is what I’d prefer the mobile to look like, too:

This is the mobile layout:

I’d like to also remove the icons from the bottom of the menu if that’s possible.

I’m working with the latest Studio theme.

Thanks in advance,

Jude

1 Like