tjmapes

/**
 * Main Nav Script
 * ------------------------------------------------------------------------------
 * This is (hopefully) controlling the mobile menu open / close...
 * @namespace main-nav
 */

const burger = document.querySelector('.main-nav__utility-menu--open');
const nav = document.querySelector('.main-nav__menu');
const subNavClose = document.querySelector('.main-nav__utility-menu--close');

tjmapes

.main-nav {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 31px;
  min-height: 80px;
  box-shadow: 0 5px 12px rgba(22, 38, 51, 0.05);
  @include media-query($small) {

tjmapes

{%- comment -%}
  This is a required section for the Shopify Theme Store.
  It is available in the "Header" section in the theme editor.

  Theme Store required settings
  - Show announcement
  - Text: message to announce
  - Link: link of the announcement bar

  Theme Store optional settings