FULL WIDTH PRODUCT CARD HOVER

Here's how to add the code to the custom.css file in the code editor to ensure the correct hover state when the featured product section is using full width:

1. Open your Shopify Admin:

   • Go to Online Store > Themes.

   • Click on Actions > Edit code for the theme you are working on.

2. Locate the custom.css file:

   • In the Assets folder, find and open the custom.css file.

3. Add the following code:

   • Scroll to the bottom of the custom.css file and paste the following code:

.product-item .card .product-item-img {
  width: 100%;
}

This will ensure that the hover state functions correctly when the featured product section is using the full width.

1. Save the changes:

   • After adding the code, click Save to apply the changes.

super large monitors

.product-item .product-item-img {
  width: 100%;
}