Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

iFrame removing navigation bar


CCHSmarket

Question

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

2 answers to this question

Recommended Posts

  • 0

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

×
×
  • Create New...