I'm making a site with Tumblr. The code iframe.hidden{display:none} shows on the top left when I look at the site from my phone. I can't find iframe.hidden{display:none} anywhere in my code. Is it because of how Tumblr renders code or possibly on their end? Below is an image of what I'm talking about. (https://i.stack.imgur.com/HX9ek.png)
Why does "iframe.hidden{display:none}" appear under the navbar when the site is viewed on a mobile device?
377 Views Asked by Trenton Erker At
3
There are 3 best solutions below
12
On
I see that your web page is not coded correctly. When I opened, https://raffalaw.tumblr.com/.
See below just under body tag :
You have put different <link>, styling in <body> tag. It's not recommended to put styling and <link> tags in <body> tags. See : What's the difference if I put css file inside <head> or <body>?.
Obviously, its breaking somewhere in your actual code. I would appreciate if you can show snippets of your actual code.
0
On
The answer was that there was a meta tag in the head not closed. I added the bracket at the end and the mysterious code disappeared. https://trentonerker.tumblr.com/post/155377765774/how-to-fix
So I went ahead and pulled up your website in a mobile device simulator over at http://testobject.com/ which you can do as well for free. I then opened up the dev tools for the browser and saw directly under the body tag for you webpage is the following line
I am not a big tumblr user, almost don't use it at all but my guess based on looking in the head section is wherever you paste in custom css this line of css is not typed correctly, which is causing it not to be picked up as css and instead displayed as plain text. I would start by looking there, hope this helps.