UPDATE FOR ANYONE HAVING SIMILAR PROBLEMS: Google was adding a 72px margin automatically around the embedded doc. I could not remove this through my normal CSS or the CSS for the mobile site. I figured out two solutions.
1. at the end of the url for the embedded doc, change embedded=true to embedded=false. This removes all the css passed from Google. Downside is it adds a footer to every page linking back to Google.
2. This is the option I ended up going with. Change the margins in the original Google doc. I changed mine to 0.25 inches for all margins. The page now displays correctly on mobile and laptop.
Also needed to add the following to the iframe link:
- width="100%"
- height="500"
- scrolling="yes"
- frameborder="0"
These changes have it working perfectly and now all my courses can be saved and stored in google drive so I can link to them from several different courses.
Nikki
1. at the end of the url for the embedded doc, change embedded=true to embedded=false. This removes all the css passed from Google. Downside is it adds a footer to every page linking back to Google.
2. This is the option I ended up going with. Change the margins in the original Google doc. I changed mine to 0.25 inches for all margins. The page now displays correctly on mobile and laptop.
Also needed to add the following to the iframe link:
- width="100%"
- height="500"
- scrolling="yes"
- frameborder="0"
These changes have it working perfectly and now all my courses can be saved and stored in google drive so I can link to them from several different courses.
Nikki