move social media icons only on desktop on Studio theme

Topic summary

A user wants to reposition social media icons in their footer to align right on desktop while keeping them centered on mobile. They’re using the Studio theme, which doesn’t provide built-in options for this layout change.

Current situation:

  • Icons are centered by default
  • Theme only allows toggling icons on/off, not repositioning
  • Desired alignment matches other right-aligned footer text

Solution approach:

  • Custom CSS will be required since theme lacks native positioning controls
  • A developer offered to help but needs direct website access to implement the code properly

Status: Discussion moved off-platform via email for hands-on assistance with the customization.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hi, I’m trying to push my social media icons to the right side of the screen inside my footer, but on desktop only. It is currently centered and should stay that way on mobile.

I’m using studio theme. It should have the same space as the text above on the right size.

Hi @aczeko , would you be able to provide your website? It’s hard to tell you the best way to go about this from the image you sent.

I currently dont have this theme published yet and my website uses another theme. Maybe this image helps:

@aczeko Unfortunately, it is still hard to address from this image. In general, to move the icons to the right on desktop only, you’ll need to apply custom CSS (something I’m happy to help with) if your theme doesn’t give an option to do so out of the box.

sadly the theme doesnt allow me to move it anywhere else. I can only turn the social media icons on or off on the right side. Is there any code you may need that I could send? like from the footer.liquid?

@aczeko The best way to implement this would be to have access to your website. I’m happy to walk it through with you over video if you’d like.

1 Like

sure, I sent you an email.

Sounds good!