Full Width and Height Template

[cn]

Hi,

I have Genesis Framework with the Altitude Pro theme installed. I have one page that I would like to have a full-width and full-height iframe as the content. I'd like to keep the header and footer of the theme if possible. When I add the iframe to the page, the theme makes it fit into a small box. At the suggestion of Support, playing around with Firebug, I found that removing the "site-inner" class allows the iframe to fill the page.

I don't want the whole site to be full-width and full-height, just one page. Is there a way to create a page template which keeps header and footer intact, yet removes content CSS to allow a full width and height? Thanks!

[Victor Font]

Just create a new class for a specific site-inner for that particular page and adjust the width in that class. If you view the page source code, the page ID is shown in the body classes. Create your new class like this:

.page-id-2613 .site-inner {
   max-width: 100%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[cn]

Awesome, that's a start. The width gets changed to 100%. The height of the iframe is still very narrow though. I can't seem to find where the height is even set. http://nimmer.org/photos

[cn]

With your help, I was able to get the iframe to fit on the page properly. However, the changes don't work with the mobile responsive part of the theme. I may be going down a rabbit hole with this one.

[Author]

Posts