Implemented Enable flex-grow for grid items on narrow displays

[Liam W]

Currently, when viewing the product list on a narrow display (where's there's only enough room to display 1 product), the product is aligned to the left, which looks unappealing.

Adding a CSS rule for when the device is narrow (or below the width at which two products can appear) to enable flex-grow will cause the product item block to fill the width, which appears more visually appealing.

(I've done this on my board, if you'd like an example of what'd it look like: https://lw-addons.net)

 

[DragonByte Technologies]

Hello @Liam W,

Thank you for your suggestion for DragonByte eCommerce. Your request will be reviewed by a member of our team shortly.

Unless there are any problems preventing these features from being added to the product, this thread will not receive another reply until it is time to review logged feature requests for implementation.

We appreciate you taking the time to help us improve our products!


- DragonByte Tech Staff

 

[Fillip H.]

Could you post the CSS and where you added it so I don’t have to pick it out of your compiled CSS in the page source?

 

[Fillip H.]

Nevermind, I found it. I added it as

@media (max-width: @xf-responsiveNarrow)
{
    .productList-product-grid
  {
      max-width: unset;
      flex-grow: 1;
  }
}

in dbtech_ecommerce_product_grid.less

 

[DragonByte Technologies]

Hello @Liam W,

Your ticket regarding DragonByte eCommerce has been closed.

If your ticket has not been resolved, please feel free to start a new support ticket and link back to this ticket.

If you have time, please leave a review on XenForo.com's Resource Manager.

Thank you.


- DragonByte Technologies, Ltd.