Jump to content

Problem with IFrame/Page height and wifth mobileview

Recommended Posts

Posted

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

Posted
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

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.

Posted

Hi  Paul,

Thanks for your fast reply. I seem to have fixed a part of it and mobile view seems okay. the problem is web view . i have two sidebars and one takes you to this blank space under the html code.

Schermata 2022-05-26 alle 10.18.28.png

Posted

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

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.

Posted
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? 🙂

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.

  • 2 weeks later...
Posted

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!

Posted
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!)

Posted
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.

Posted
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.

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.