Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'iframe'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, I'm having the same problem as this user. iframe seems to disable the navigation on desktop and removes the hamburger menu on mobile. I've tried it both as a code block and and embed block and there isn't any change. No code injection. I really only use CSS to customize text so it shouldn't be affecting this. Affected website link. Normal website link (for reference). Code for the iFrame: <!DOCTYPE html> <html style="height: 100%; margin: 0; border: 0"> <body style="height: 100%; margin: 0; border: 0"> <iframe src="https://hub.catalog
  2. Site URL: http://goodwellandbetter.com Hello, I have the custom code I would like to display, its the landing page of the website that I only want to view my p5 sketch, so I embedded it as an iframe. The only issue now is getting the iframe to resize to the height of the screen, so my sketch can be fully visible on different screen sizes without having to scroll. Please help me solve this issue! I entered the following code in Page-->Settings-->Advanced-->Header-->>>> <style> #site-title {display:none!important;} #page.container {di
  3. Site URL: https://www.nickjewellery.com/stuller The embedded iFrame is not working properly. The Quick Shops functionality is not working while embedded in Squarespace. A customer should be able to pick and choose a colour, size, shape etc of their order. This functionality does not work in Squarespace, but it works fine when accessing it directly ( https://nickjewellery.jewelershowcase.com/quickshops ) Any ideas? Thanks ! p.s. embedded iFrame code <iframe style="width: 1px; min-width: 100%;" scrolling="yes" width="100%" height="1320px" frameborder="0
  4. Site URL: https://oscollective.org/donate I've embedded an iFrame using a code block. You can see it here: https://oscollective.org/donate The problem is, it's showing up in a tiny box instead of the full width. I want it to expand to the whole page to show all its content. How do I make it bigger? It doesn't have any spacers or anything making it that small. It's the only element on the page. The code I embedded is very simple, just: <iframe src="https://opencollective.com/embed/opensource/donate" /> I asked the developers of the embedded iFrame and they said the
  5. Site URL: https://rolling-pictures.squarespace.com/ I need the iframe video to take up the full width of the mobile screen so that it feels more like a banner video. Ideally, this would be nice for Desktop as well but I'm willing to even just get it for mobile. Also, how do I get the fullscreen button to stay in the left corner of the video and make it stay that way when scrolling across different fields. Attached is what it loos like right now.
  6. Site URL: https://www.chrisjourdian.com/music password: Music123 I'm trying to make the iframe responsive on mobile. I've tried putting the iframe inside and div and make it resize according to the div. This is the code I used but it isn't doing anything: .songwhip { position: relative; height: 0; padding-bottom: 25%; overflow: hidden; } .songwhip iframe { position: absolute; width: 100% !important; height: 100%; top: 0; left: 0; } Thanks in advance~!
  7. Site URL: https://stolperstone.com/ I have an odd question related to disabling my mobile site for one of my webpages, or by forcing the desktop site in Squarespace. I have an iframe on my site that needs to run as a desktop webpage in order to function properly, and when I access it on mobile, the element does not function as intended. Essentially I'm trying to find a way to "Request Desktop Site" automatically. I know I can go into my browser settings and turn this on manually, but I need it to be something that is automatic. I'm thinking this could be done with a Javascript, or by sp
  8. Site URL: https://greg-holland-2020.squarespace.com/contact I am trying to make an iframe fill the banner so it looks more seamless...is it possible? https://greg-holland-2020.squarespace.com/contact pa33word It's on the contact page towards the bottom. Here's hoping someone can help πŸ™‚
  9. Site URL: https://www.ground-studios.com/test Hi I'm a CG Artist, no Web coder. I try to implement an interactive spinning animation of an object onto my site, but struggle with the mobile appearance. The Embed Block I use is responsive in width, but not in height. Due to this there is a lot of space between the blocks in mobile mode. I'm wondering if there is a way to do it? Please check the submitted URL, were i set up a testsite. Thanks in advance Michael
  10. Site URL: https://www.redrockbakery.com/rewards I am having an issue with my iframe. I entered the following code in the code block, everything works great except for the login part. When I try to login, it just seems to refresh the page. <html> <head> <title>Red Rock Bakery Iframe Test</title> </head> <body> <iframe allow transparency="true" title="red rock bakery" style="background-color: #FFFFFF" src="https://account.clutch.com/redrockbakery" frameborder="0" height="750" width="100%"> </
  11. Hi all, I've managed to get my iFrame to display reasonably well. But bizarrely, I have just noticed that it's unresponsive. The frame is embedded in a blank page - within a members area. I haven't accessed the published page, only the SqSP preview, but I'm assuming it would work in there? I can see the website, but not matter where I click it does no respond. Any ideas!? Help much appreciated. NJ <iframe src="https://candidate.speedexam.net/openquiz.aspx?quiz=CA27715EA8064D52B714D6C4D348E903" marginheight=0 marginwidth=0 frameborder="0" height="
  12. My demo submission site gave me an iframe code, and when I put it in the page snippet loads to the top left of the page as you can see in the picture attached. The code is <iframe title="Upload your demo" style="width: 500px; height: 525px;" width="500px" height="525px" src="https://virpp.com/widgets/label-upload/o05TZ8NlKnO5hcKFbfUnA6fcr?affiliateId=OAOaEuoEfbZUHOqk4CrdFoHD5gdzH8gm0THM2wkHchs87IShH6" scrolling="no" frameborder="0" allowTransparency="true"> </iframe> I really want to get this page snippet, in the middle of the page. Anyone have a potential solutio
  13. Hi everyone, an organization I'm helping out requested for their donation box to be made slightly transparent. Here's the code for the iframe, from Donorbox: <script src="https://donorbox.org/widget.js" paypalExpress="false"></script><iframe allowpaymentrequest="" frameborder="0" height="700px" name="donorbox" scrolling="no" seamless="seamless" src="https://donorbox.org/embed/ihraf-support" style="max-width: 500px; min-width: 250px; max-height:none!important" width="100%"></iframe> I tried to set up a div element within the code block and go from there, but I
  14. Hi! I'm building a website for a real estate agent. The listings shown will be using MLS. I understand that I need to use an IDX service, does anyone have recommendations companies that have worked smoothly with Squarespace? Or will any do? I'm also reading some comments saying that just inserting the iframe might not be considered responsive, this company claims to solve that (www.ultimateidx.com/squarespace-idx-plugin/), anyone used them? Thanks! Lisa
  15. Site URL: https://www.topherblair.com/ Hi, I'm hoping to add in a code block for iFrame that will reference a little puzzle that I made in Unity, and is hosted on AWS. I'm using the Gravity template, which means that most people will be experiencing my site by scrolling down through it. My problem is that whenever I put my code into the site, almost everything beneath my iFrame code disappears. Has anyone else had this problem? My site is www.topherblair.com, and I've put the code that I'm using at the very bottom of my page so that it doesn't screw anything up, but I'd like to put it
  16. Site URL: http://jhvr.squarespace.com Hi everyone. My issue is not how to embed the listings, but once you click on the listing within the iframe, how to keep that site from linking off to the MLS result. I want it to show within the frame on MY page. the site is jhvr.squarespace.com and PW is content
  17. Site URL: https://www.stlresolutioncenter.org/donate Hello, I currently have a donation form embedded here using the following code block: <center> <iframe src="https://interland3.donorperfect.net/weblink/weblink.aspx?name=E354417&id=3" title ="Donation Form" width="820" height="1500" allowtransparency='true' scrolling="yes"></iframe> </center> It works fine on all browsers except for Safari. I understand it has something to do with security protocol, but can't figure out how to incorporate Content-Secure-Policy, or some other strategy, to bypass the
  18. Site URL: http://beachcomberholidayunits.squarespace.com Help please! Having a bit of trouble hiding an availability booking grid iframe for a client's site on mobile. https://beachcomberholidayunits.squarespace.com/ I had a good read of the previous article below but didn't have any luck. https://forum.squarespace.com/topic/53270-how-to-hide-iframe-on-mobile-sites-or-resize/#comment-94830 The iframe I'm working with is below. <iframe src="https://apac.littlehotelier.com/properties/beachcomberholidayunitsdirect/widget?number_of_days=14" height="250" width="100%
  19. Site URL: https://www.nyadorned.com/la-appts-original hello! I have a widget used on a page for a booking software that allows clients to make an appointment. I have never been able to get it centered. can anyone help me figure this out? the iframe code is supplied to me by the software: <iframe src="https://newyorkadorned821laartsdistrict.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>
  20. Site URL: https://www.jarnanaturbruksgymnasium.se/digitalt-besok Hi, Is it possible to show this website with 360Β° photos on my website? (iframe?) Thanks for your help, Ronald
  21. Hello. trying to add two live webcam feeds to a site I'm building. For some reason the feed is not showing up... <iframe width="800" height="450" src="" frameborder="0" allowfullscreen> </iframe> here is one of the two live feeds: I've tried http and https thinking that may be the issue. It was not. I'm adding a custom code block, and the code above in HTML formatting with the display sour
  22. Site URL: https://www.amchc.org/careers Hi I am trying to embed an iframe code on my website. https://www.amchc.org/careers The code I am using is: <iframe name=”Careers” src=”https://www2.appone.com/Search/Search.aspx?ServerVar=appalachianmountaincommunityhealthcenters.appone.com” width=”600” height=”600” border=”0” frameborder=”0”></iframe> What am I doing wrong. What can I do to get this on my web page? I have also used the 3rd party suggested secure version of the candidate portal. https://www.appone.com/branding/reqtemplate/default.asp?servevar=a
  23. Site URL: https://madhattersnyc.com/blog/best-street-art-nyc/ Hi there, I'm not sure what I'm doing wrong, but I added a code block for an iframe embed code, and I can see the story in Edit Mode but when I save it, all I see is a blank square. Here is the code I'm using: <div style="width: 100%; position: relative; max-width: 500px;"> <div style="padding-top: 166%;"> <iframe src="http://onl.st/best-street-art-galleries-nyc" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></iframe> </div> </div> Attaching prints
  24. Hi there! I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas? I would appreciate your help or even your empathy! <iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div> http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison
  25. Site URL: https://www.ecreal.agency Hi Everyone, My client has been given iframe code to add to his insurance website. I've had to adapt the code to match the providers specification (width and height) but the content is not displaying? The code is correct from what I can see but can anyone spot what may be the issue? I also tried the embed block but that just displayed and error message. I've asked the client to contact their provider of the iframe code to see if its at their end but it's unusual for such a simple iframe not to display. Many thanks in advance.
  • Create New...