Jump to content

iFrame removing navigation bar

By CCHSmarket, in Customize with code

Go to solution Solved by Nathan-CatalogIt,

Recommended Posts

CCHSmarket Level 2

CCHSmarket

Posted
Posted

Hi, I'm having the same problem as this user.

iframe seems to disable the navigation on desktop and removes the hamburger menu on mobile. I've tried it both as a code block and and embed block and there isn't any change. No code injection. I really only use CSS to customize text so it shouldn't be affecting this.

Affected website link.

Normal website link (for reference).

Code for the iFrame: 

<!DOCTYPE html>  
<html style="height: 100%; margin: 0; border: 0">  
 <body style="height: 100%; margin: 0; border: 0">  
 <iframe  
 src="https://hub.catalogit.app/iframe/110"  
 style="border: none; width: 100%; height: 750px; box-sizing: border-box"   />  
 </body>  
</html>

 

Link to comment
  • 3 weeks later...
  • Replies 2
  • Views 3.9k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Nathan-CatalogIt
Nathan-CatalogIt

Here is a solution that should work for this issue. Replace what you have in the code block with the following: <div id="cit-iframe"style="text-align: center; -webkit-overflow-scrollin

  • Solution
Nathan-CatalogIt Level 4

Nathan-CatalogIt

Posted
  • Solution
Posted

Here is a solution that should work for this issue. Replace what you have in the code block with the following: 

<div id="cit-iframe"style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;">
	<iframe src="https://hub.catalogit.app/iframe/110"></iframe>
</div>
 
Then in custom css use:
  
#cit-iframe iframe {
height: 900px;
width: 100%;
margin: 0;
padding: 0;
border: none;
}
 
Hopefully this should fix the issue for you.
 
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources