Menu Options Disappear when I Embed iframe Custom Code

[travispbonfigli]

Hello and Good Afternoon All!

I am building out a portfolio project for my master's degree and I finally figured out how to embed an HTML page from another site (badgr.com) with my Cisco networking certifications badges into my Weebly site (instructor says he doesn't want to be taken to an external site). However, when I embed the following code:

<iframe height="3250" width="100%" frameBorder="0"src="https://api.badgr.io/public/collections/954c31c0062925c94f0e582af64967f8"</iframe>

The menu options along the top of the page disappear? I am 100% certain this code is the problem, I even created a page from scratch and the same issue occurs - added to another page, same issue. What is even more odd is that if you mouse over where the menu options should be, it gives me the sub-menus and those work great. LOL.

Full disclosure, I am not an HTML guru by any stretch so I am hoping the fix is not only simple, but obvious 🙂  Okay, any help would be GREATLY appreciated and thank you!!!

Cheers,

Travis

[travispbonfigli · Accepted solution]

Hello again! So literally 30 seconds after I post this (after 2 HOURS of trying to figure out what was wrong), I am reading through the post to make sure I put enough information and that is when I see the fact that I was missing the closing ">" on the <iframe statement...I am not sure if there is a Murphy's Law for HTML coders, but I am pretty sure I just ran head first right into it.

So, to recap, the code works great and this is what it should have been:

<iframe height="3250" width="100%" frameBorder="0"src="https://api.badgr.io/public/collections/954c31c0062925c94f0e582af64967f8"></iframe>

Pretty interesting that leaving that ">" off removes the menu at the top of the screen. Okay, back to work on the site and this will be one I don't forget anytime soon!

Cheers,

Travis

[Adam7]

Glad to hear you resolved it, @travispbonfigli!