Home>Support>Fullscreen page

Fullscreen page

Hi.

I’m on Vantage Premium 2.2 on WordPress 3.9.1 and would like to create a page with no header/menu, no footer, no side bars and full width. Basically I would like a fullscreen page.

No sidebars is easy with the page template, but the others are proven dificult.

Can someone, please, point me to the right direction? Maybe a custom page template?

Thank you.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Allan

    If you view the page source you’ll see a body tag, each body tag has a class in it that’s unique to that post or page. For example the unique class of this page we’re talking on is .postid-3007. So if we were hiding elements on this page, the selectors to insert into Appearance >Custom CSS might look like this:

    .postid-3007 .main-navigation, .postid-3007 .site-footer { display: none; }
  2. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    So you’d need to swap .postid-3007 out with your page’s unique body class and insert the selector under Appearance > Custom CSS.

  3. 10 years, 2 months ago Allan Brazute (EthraZa)

    Custom CSS did the trick.
    But a template that do not render the unwanted stuff would be more “responsible”. So I let a fullscreen template as a suggestion for a future version.

    Thank you.

  4. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    For sure. You could child theme that if you wanted. You’d need to create a new page template in the child theme. Base it off the Full Width template, remove the header, footer.

  5. 10 years, 2 months ago Allan Brazute (EthraZa)

    I tryed that earlier today by creating a template that call get_header(‘less’) and get_footer(‘less’), duplicated the header and footer php’s and removed stuff from there, but my page ended up a little strange.
    I got not even closer to what the Custom CSS did, like, in the CSS I’m able to take out #main padding as well, I don’t know if in the template that would be possible..

  6. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    CSS is the easiest solution here. To expand the main container – you could refer to this selector:

    /* Vantage full width expand main container width */
    
    body.responsive.layout-full #page-wrapper #main .full-container {
    max-width: 1500px !important;
    }
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More