Change the width and position of the spotify embed playlist on footer on desktop

Store Design
, , , , , ,

Topic summary

A user seeks to adjust a Spotify embed playlist in their Shopify store footer: left-aligned with custom width on desktop, but centered on mobile.

Proposed Solution:

  • Locate the Spotify embed code in the theme’s “Edit code” section
  • Modify the width attribute from 100% to a desired percentage (e.g., 80%)
  • Wrap the entire embed code with <center> and </center> tags for alignment

Current Status:
The suggested approach worked for the responder, but it centers the embed rather than left-aligning it on desktop. The solution doesn’t address the mobile-specific centering requirement or true left-alignment on desktop, suggesting additional CSS may be needed for responsive positioning.

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

How do I change the width and position to the left on desktop for the spotify embed playlist, and keep it centred on mobile?

Screen Shot 2023-04-01 at 8.17.46 pm.png
Screen Shot 2023-04-01 at 8.17.46 pm.png1892×939 92.4 KB

website: 1989streetwear.com

pw: bet1989

2

Hey!

If you head to Edit code and find your Spotify embed, you should see that after src=link there is a “width” option that will say 100%, you can change this to whatever you like (I’ve used 80% as an example highlighted below in bold)

You can then surround the embeded code with then

{% sections 'footer-group' %}

This worked for me and I hope it works for you!