1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/

Turn off Boxed Layout on Single Page?

Discussion in 'Get Help On Divi Wordpress' started by DiviDudester, Nov 9, 2019.

  1. DiviDudester

    DiviDudester New Member

    I am using the boxed layout on a Divi site but I want to turn it off on one page. How do I do that?

    Thanks!
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    body.page-id-2.et_boxed_layout #page-container, body.page-id-2.et_boxed_layout #main-header, body.page-id-2.et_boxed_layout #top-header {
        max-width: 100%!important;
        width: 100%!important;
    }
    **Change page-id-2 to your own page ID.
     
  3. DiviDudester

    DiviDudester New Member

    Thanks!

    Alternatively, what

    I didn't realize it would be this complicated. I should've mentioned the following:

    - My goal is a full width page without the Divi header/navigation.
    - The site is currently set to a boxed layout. It has a vertical navigation on the left side.

    When I use the CSS you provided, it makes the header/navigation full screen and the body of the page disappears.

    Any ideas?

    Thanks so much!



    I'm unsure if this helps, but I built full-width page on a site set to full-width.
     
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    To hide the header, just use the blank template: https://www.elegantthemes.com/documentation/divi/blank-page/
     

Recommended Divi Hosting