Jump to content

Problem with IFrame/Page height and wifth mobileview

Recommended Posts

Site URL: https://guava-onion-3s9y.squarespace.com/

Hi, Im having a problem with my IFrame code . i dont find the option to remove the sidebar so i get a double side bar and from mobile im not able to navigate well on the page.

this is the frame code:

<iframe id="ciao-be-iframe" style="display:block;height:800px;width:100%;overflow:auto;border:0;margin:0;padding:0;background:transparent;" src="https://booking.hotelincloud.com/show/100178?embedded=1">Prenota dal sito ufficiale: <a href="https://booking.hotelincloud.com/show/100178?embedded=1"> Hotel Arcadia Firenze </a></iframe>

 

Schermata 2022-05-25 alle 17.47.20.png

Link to comment
16 hours ago, laurnetisakaj said:

I'm having a problem with my IFrame code . i don't find the option to remove the sidebar so i get a double side bar and from mobile im not able to navigate well on the page.

The booking frame is working fine for me (see below). Are you testing this whilst logged out of the website (for example from your phone or from an incognito window)? I say this because it is normal for the preview not to show correctly when logged in to Squarespace.

image.thumb.png.024d8fac69ef473b1214f4875300a653.png

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Please check that you have added the third party iFrame code to a Code Block on this page and not through Code Injection. 

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
12 minutes ago, laurnetisakaj said:

i made an extra page with how the code results inside a code block

Can you provide me with a link to the extra page? 🙂

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 2 weeks later...

Site URL: https://www.hotelarcadiaflroence.com/disponibilita

Hi guys,

Im having difficulty with my code block iframe. i cant make it full page or remove the double scrollbar in any way.

this would be the iframe code:

<iframe id="ciao-be-iframe" style="display:block;height:800px;width:100%;overflow:auto;border:0;margin:0;padding:0;background:transparent;" src="https://booking.hotelincloud.com/show/100178?embedded=1">Prenota dal sito ufficiale: <a href="https://booking.hotelincloud.com/show/100178?embedded=1"> Hotel Arcadia Firenze </a></iframe>

And this would be an example of the website where the iframe works perfectly :

https://www.fontedeiveli.it/booking/

 

Thanks!

Link to comment
On 6/9/2022 at 6:34 PM, laurnetisakaj said:

Site URL: https://www.hotelarcadiaflroence.com/disponibilita

Hi guys,

Im having difficulty with my code block iframe. i cant make it full page or remove the double scrollbar in any way.

this would be the iframe code:

<iframe id="ciao-be-iframe" style="display:block;height:800px;width:100%;overflow:auto;border:0;margin:0;padding:0;background:transparent;" src="https://booking.hotelincloud.com/show/100178?embedded=1">Prenota dal sito ufficiale: <a href="https://booking.hotelincloud.com/show/100178?embedded=1"> Hotel Arcadia Firenze </a></iframe>

And this would be an example of the website where the iframe works perfectly :

https://www.fontedeiveli.it/booking/

 

Thanks!

Can you check site url? We can't access it. (I mean your site url)

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
17 minutes ago, tuanphan said:

Can you check site url? We can't access it. (I mean your site url)

Hi , Tuan . Thanks  for taking your time to help me.

https://www.hotelarcadiaflorence.com/disponibilita

This would be the website. i can make a test one where i can add the codeblock and we can update it from there. (right now the code of iframe is on the header as it has been the only place who works better) thanks.

Link to comment
17 minutes ago, tuanphan said:

Can you check site url? We can't access it. (I mean your site url)

Hi , Tuan . Thanks  for taking your time to help me.

https://www.hotelarcadiaflorence.com/disponibilita

This would be the website. i can make a test one where i can add the codeblock and we can update it from there. (right now the code of iframe is on the header as it has been the only place who works better) thanks.

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.