Jump to content

embed code for smartURL link that works on desktop + mobile view

Recommended Posts

Site URL: https://www.kimberlytownsend.com/music

Thanks in advance for your help!

I have 2 links (one smarturl, one hyperurl) that allow users to stream or download my music from their preferred platform. I'd like to embed them onto my Music page, but the site I used to create them doesn't offer an embed code. I tried out a few different embed code generators today, and one worked for one smarturl, but not the other. the one that worked looks ok for now in desktop view, though I'm having trouble centering it, but it doesn't format to fit the screen in mobile view. So grateful for any help or insight you might have!

The two links I'm looking to embed:
https://smarturl.it/vu76xx
http://hyperurl.co/6ve6m4

In Desktop view, I'd them to be next to one another, with the vu76xx link (The History and the Heart of It EP) on the left. In mobile view, I'd like them to stack on top of one another, with The History and the Heart of It block on top.

My site: https://www.kimberlytownsend.com. The page I'm working on: https://www.kimberlytownsend.com/music

Edited by ktownsend
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

14 minutes ago, ktownsend said:

Site URL: https://www.kimberlytownsend.com/music

Thanks in advance for your help!

I have 2 links (one smarturl, one hyperurl) that allow users to stream or download my music from their preferred platform. I'd like to embed them onto my Music page, but the site I used to create them doesn't offer an embed code. I tried out a few different embed code generators today, and one worked for one smarturl, but not the other. the one that worked looks ok for now in desktop view, though I'm having trouble centering it, but it doesn't format to fit the screen in mobile view. So grateful for any help or insight you might have!

The two links I'm looking to embed:
https://smarturl.it/vu76xx
http://hyperurl.co/6ve6m4

In Desktop view, I'd them to be next to one another, with the vu76xx link (The History and the Heart of It EP) on the left. In mobile view, I'd like them to stack on top of one another, with The History and the Heart of It block on top.

My site: https://www.kimberlytownsend.com. The page I'm working on: https://www.kimberlytownsend.com/music

Try this custom code and paste into CSS editor for responsiveness
.embed-block iframe { max-width: 470px width: 100% !important;}

Link to comment
18 hours ago, Agha_Waqas said:

Try this custom code and paste into CSS editor for responsiveness
.embed-block iframe { max-width: 470px width: 100% !important;}

Thank you @Agha_Waqas, I think it worked!! So grateful for your help - do you happen to know how I can create an embed code for the other link? It didn't work when I tried to generate a code via multiple sites: http://hyperurl.co/6ve6m4

Link to comment
On 4/22/2021 at 9:36 PM, ktownsend said:

Thank you @Agha_Waqas, I think it worked!! So grateful for your help - do you happen to know how I can create an embed code for the other link? It didn't work when I tried to generate a code via multiple sites: http://hyperurl.co/6ve6m4

Have you solved this yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.