To align swatches to the left with 0 margin

• Related Articles

• Align submenu to left

  In header, add the following to custom css: .header--top-center .mega-menu__list { display: flex; justify-content: left; flex-wrap: wrap; column-gap: 0; }

• Align featured collection titles to center

  In the featured collection section, add the following css in custom css: .collection__title.title-wrapper { text-align-last: center; }

• Display color swatches on collection page filter

  Watch this video to see how to.

• Full width text for image banner on desktop

  In custom css, add the following: @media only screen and (min-width: 750px) { .banner--content-align-left.banner--desktop-transparent .banner__box { max-width: 100% !important; } }

• Make collapsible content full width on desktop

  In collapsible content section, add the following in customer css: @media screen and (min-width: 768px) { .collapsible-content { max-width: 120rem; margin: 0 auto; padding: 0px 3rem; } .collapsible-content-wrapper-narrow { margin-left: 0px; } }