Jump to content

Formatting Iframe for Digital Menu on Site

Recommended Posts

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

Link to comment

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>

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.