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

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

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

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

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
On 5/26/2022 at 4:27 PM, laurnetisakaj said:

What is password?

accesspasssword.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.