Correct HTML to work in iframe [mobile]

Hello, We have an HTML created, [login to view URL] this version is for mobile devices. We need it to work and look exactly the same in iFrame. 4 main issues to be fixed: 1. when you click on setting/carat/price/metal there is a window that should be opened in the bottom of the user's area on the screen (the bottom of device screen). It works correct while not in an iframe, when we put it in Iframe, it doesn't see example: [login to view URL] . i opens at the bottom of the iframe. 2. when access from mobile, ex iPhone 7, we should see only 2 rows, (as it is in non iframe version), in iframe, we always see full screen and 3 rows... 3. when click on ring image, there is a window the opens (exactly like in point 1, same problem). 4. pop up window, should be opened according to users screen, and not iframe. Please read carefully the project description, write in the top of your offer "123" so I'll know you read everything. and bid only if you are able to do it. Thanks,