Jump to content

Adding a widget from Bookshop.org (mobile view)

Recommended Posts

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

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

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.