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;
}

• Related Articles

• 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; }

• Make submenu without child horizontal

  In the header, add in the following custom css: @media only screen and (min-width: 995px) { .mega-menu__list--condensed { display: flex !important; flex-wrap: wrap; } }

• 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; } }

• Create a Video Background section

  Create the section snippet, create a new snippet named: video-background.liquid and copy the following liquid into it. {%- if section.blocks.size > 0 -%} {%- for block in section.blocks -%} {%- assign img_url = block.settings.image | img_url: '1x1' | ...

• Adjust footer layout to center on mobile view

  In the footer section, add the following in the custom css: @media only screen and (max-width: 749px) { .list-menu__item { justify-content: center; } .footer-block.grid__item.scroll-trigger.animate--slide-in { text-align: center; } ...