1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: 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?

    1. AD Free multipurpose business child theme for Divi: https://divi.help/link-forums/divi-business.152/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    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


    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.
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  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