Jump to content

Formatting Iframe for Digital Menu on Site

Recommended Posts

Posted

Site URL: https://plateauwineandbeer.com/menu

Hello!

I've been using Squarspace off and on for over ten years now. I'm very familiar with how everything should work but not as much with CSS or HTML. We just bought a wine and beer bar, and had digital menus installed. Part of the digital menu service, (DigitalPour) is pulling in our real-time menu onto our website with an iframe. Seems pretty straight-forward but the CSS I've tried doesn't seem to be doing anything.

On this page, (which is hidden for now): https://plateauwineandbeer.com/menu I've added an embed block and in the </> Embed Data area I've added the code that DigitalPour gave me:

<iframe src="https://fbpage.digitalpour.com/?companyID=5db1af1a352726074c624780&locationID=1"></iframe>

As you can see from the hidden page, the default formatting almost looks like it wants to be a mobile version. I've deleted any custom CSS code because it just wasn't doing anything.

I'll check back on this post from time to time, or if you can help and want to email me directly, my email address is: lyra@plateauwineandbeer.com.

Thank you so much for your time and expertise!
Lyra

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

Hi @LyraP

Try adding this using a Code Block instead:

<iframe src="https://fbpage.digitalpour.com/?companyID=5db1af1a352726074c624780&locationID=1" style="width:100%;max-width:750px;height:2650px"></iframe>

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

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.