Moving Categories on Mobile

Site URL: https://www.sunnylandthreads.com

Hello!

Currently on mobile view my categories are horizontal at the top. I am seeing if it's possible to have them be on the left side, vertical, on mobile view. 

Thank you!

Hi there! It is possible wit

The following code snippet, however as you can tell by the picture, I wouldn't recommend having them in the sidebar on mobile devices - it looks like it takes up a lot of the screen, which isn't very mobile-friendly. If you want to have the categories display vertically (but not in the sidebar), use the second code snippet (see second picture).

Hope this helps!

  /* Category in sidebar on mobile devices */
  @media(max-width: 768px) {
    .nested-category-children {
      display: none !important;
    }

    .nested-category-tree-wrapper {
      display: initial !important;
    }
  }

/* Categories display vertically, not in sidebar */ 
@media(max-width: 768px) {
    .nested-category-children {
      flex-direction: column !important;
    }

    .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link {
      margin: 0 !important;
    }
  }