Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

sisunaturals

Member
  • Content Count

    2
  • Joined

  • Last visited

Posts posted by sisunaturals


  1. 10 minutes ago, tuanphan said:

    @sisunaturals Add to Home > Design > Custom CSS

    
    @media screen and (max-width:640px) {
    .ProductList-filter-list {
        display: flex !important;
        flex-direction: column;
    }
    /* Everyone */
    .ProductList-filter-list-item:nth-child(4) {
        order: 2;
    }
    /* Bundles - kits */
    .ProductList-filter-list-item:nth-child(3) {
        order: 3;
    }
    /* Baby */
    .ProductList-filter-list-item:nth-child(2) {
        order: 4;
    }
    /* Mama */
    .ProductList-filter-list-item:nth-child(5) {
        order: 5;
    }
    }

     

    @tuanphanthank you SO much! Do you know how I can get it back to a functioning drop down menu that opens and closes when you click on the arrow? Thanks in advance


  2. Hello, 

    As the categories / product list automatically sorts in alphabetical order, I have used CSS to rearrange this on a desktop size screen. However, when switching to mobile it turns the horizontal bar into a dropdown category menu. I am looking for a way to reorder the categories on this list but keeping the dropdown style. I want them in the order ALL, EVERYONE, BUNDLES & KITS, BABY, MAMA. Link is https://www.sisunaturals.com/shop 

    I've also attached two screenshots of what it looks like on mobile when I attempt to reorder and what it looks like without

     

    Screenshot_20191010-144432.png

    Screenshot_20191010-144744.png

×
×
  • Create New...