When I click the button, an iframe pops up on my website. However, the navbar overlaps it unless I scroll down.
You can view my practice site at:
This is the issue I am facing:
https://i.sstatic.net/TKmw7.png
Oddly enough, everything looks fine when I scroll down. The problem only occurs when the page is at the top.
Here is how it should look when I scroll down:
https://i.sstatic.net/5Crz0.png
I have attempted to fix this by adding the following code, but it has not resolved the issue:
.main-container {
margin-top:50px;
}