Jump to content

iFrame removing navigation bar

Recommended Posts

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 4.2k
  • Created
  • Last Reply

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.