jasmithartist

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Themes and Templates
    In reply to: [Storefront] How to expand standard width Storefront?
    jasmithartist

    (@jasmithartist)

    9 years, 7 months ago

    Yes, I intended only to make portions of the home page full width, but you should still be able to achieve what you’re looking for by using the first part of the code and dropping the .home page class:

    .site-content .col-full {
    max-width: inherit;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    box-sizing: content-box;
}

    This should make the main content full width. If you drop the “.site-content” class above, it will apply full width to header and footer as well. I’m not using archives on my site, so I haven’t tested this, but I’m assuming that section uses the same class structure.

    Forum: Themes and Templates
    In reply to: [Storefront] How to expand standard width Storefront?
    jasmithartist

    (@jasmithartist)

    9 years, 7 months ago

    I accomplished this with following code:

    .home .site-content .col-full {
    max-width: inherit;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    box-sizing: content-box;
}
.home section.storefront-product-section, .home entry-header {
    padding: 0 2.617924em;
    max-width: 67.141em;
    margin-left: auto;
    margin-right: auto;
}

    In my case, I wanted just the outer div on the home page to be full width and everything else to retain the default max-width setting.

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