View Single Post
  #2  
Old 03-16-2020, 12:05 PM
Wade D.'s Avatar
Wade D. Wade D. is offline
Ecwid Team
 
Join Date: Dec 2018
Posts: 19
Default

Hi Paul,

This is Wade from Ecwid Customer Care team. Thank you for your message!

I've checked your new website and see that you've already added some CSS to its custom theme to make the products being displayed as a list.

In case you still need assistance with this, I've prepared the CSS code that might improve this. I also included the code to move the footer section (the "Track Orders | My Order | Sign In" buttons) to the top of the store. Feel free to check it out:

Code:
/*Display products as list*/
.ec-size .ec-store .grid__products {
    display: flex;
    flex-direction: column;
}
.ec-size .ec-store .ec-grid .grid__wrap .grid__products .grid-product {
    width: 70%;
    margin: 0 auto;
}
.ec-size .ec-store .grid__products .grid-product .grid-product__wrap-inner {
    flex-direction: row;
}
.ec-size .ec-store .grid__products .grid-product .grid-product__wrap-inner a {
    width: 33%;
    margin: 0 auto;
}
.ec-size .ec-store .grid__products .grid-product .grid-product__wrap-inner .grid-product__image {
    width: 200px;
}

/*Move the footer section to the top*/
.ec-size .ec-store .ec-store__content-wrapper {
    display: flex;
    flex-direction: column;
}
.ec-size .ec-store .ec-store__content-wrapper .ec-footer {
    order: -1;
}