Jump to content

External widget doesn't fit mobile site

Recommended Posts

Hi @HannaW, any embed can be made to fit mobile one way or another. A good embed should be responsive, but many are not. Can you share your website and page this embed is on? Hopefully we can find a solution for you.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thy this CSS:

#CAFDonateWidgetContainer iframe {
  max-width:90vw;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Fantastic!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 1 year later...

HELP!  I have a widget that isn't showing well in Squarespace 7.1   Help!  Here is the embedded code I'm using <script type="text/javascript" src="https://be-booking-engine-api.prodinnroad.com/widget/raggedpointinn"></script>
<div id="innroad-widget"></div>

mobile.png

Link to comment
14 hours ago, Scott_Morrell said:

HELP!  I have a widget that isn't showing well in Squarespace 7.1   Help!  Here is the embedded code I'm using <script type="text/javascript" src="https://be-booking-engine-api.prodinnroad.com/widget/raggedpointinn"></script>
<div id="innroad-widget"></div>

mobile.png

Can you share link to this page? We can check easier

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
7 hours ago, Scott_Morrell said:

Sure... here's the temp site .. no pw needed  New Page — Ragged Point Inn (squarespace.com)

 

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
div#innroad-widget>div {
    width: 100% !important;
}
}

image.png.1473c6a29e699a2fddc2f10cecc11b6d.png

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.