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

iFrame removing navigation bar


CCHSmarket
Go to solution Solved by Nathan-CatalogIt,

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 post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

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 post

Create an account or sign in to comment

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


×
×
  • Create New...