Jump to content

Adding a widget from Bookshop.org (mobile view)

Recommended Posts

Posted

Site URL: https://www.tjbreshears.com/test

I attempted to add a widget from bookshop.org to my site. I added the custom code they provided. The widget looks great on desktop, but then when I look on mobile, the entire widget gets cropped and moved to the middle. I looked for padding issues but couldn't find any.

Code provided for widget:

      <script
      src="https://bookshop.org/widgets.js"
      data-type="book" 
      data-affiliate-id="6188" 
      data-sku="9781984826718"></script>     

 

Page Password: test123

Screenshot_20210930-194201.png

  • Replies 1
  • Views 545
  • Created
  • Last Reply
Posted

Hi TJ, I saw this because of a google alert - 

I think this should fix itself if you reload the page; it is occurring because the widget is not adapting to the page being re-sized. Can you tell me if that works? The test loads fine on my iphone. But to prevent this in the future, we are going to add an auto-resize to the widget if the DOM size changes.

Thanks for using Bookshop widgets!

 

Andy Hunter

CEO, Bookshop.org

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.