I'm starting a new discussion because I've now got the page to the point where the only thing not working is Robohelp is not recognizing the media queries I placed within the code.
I figure it's a Robohelp issue because from within notepad it works when I open the page in the browser and resize the browser. Also, when I use the inspector tool and test it with different device options. In fact, I'm attaching two screenshots of what that looks like. One for the iPadMini and the other for the iPhone5. The iPhone5 image is the one without any icons.
The only time the media queries don't work is when it's gone through Robohelp.
I do have the proper metatag in the head:
[code]<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" />[/code]
Any ideas? I'm running out of time. The project is due no later than Friday and I know my boss doesn't want to wait until last minute. I appreciate your help!