Jump to content

iFrame removing navigation bar

Go to solution Solved by Nathan-CatalogIt,

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">  
 style="border: none; width: 100%; height: 750px; box-sizing: border-box"   />  


Link to comment
  • 3 weeks later...
  • Solution

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

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