Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting

    (@rdellconsulting)

    Try changing Step 2 to:

    /* START OF Display full-width pages */
    .home #main-wrapper {
        width: 100% !important;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* END OF Display full-width pages */

    Please let me know that worked as I think it improves the original snippet (minus the .home)

    rdellconsulting,

    That code didn’t do anything for the full width layout.

    I noticed when I have code below in the CSS, it makes it full width, but it does it for all the pages. When I have this with your rdell’s code it is still full width on all pages.

    .container {
    width: 100% !important;
    }

    Any help on making only the homepage full width? I want sub pages to be normal not full width.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Full-width only on homepage’ is closed to new replies.