From b73638da403db7ac77181e36164ceb5a04456046 Mon Sep 17 00:00:00 2001 From: nomadics9 Date: Tue, 1 Apr 2025 00:10:49 +0300 Subject: [PATCH] complete the look mobile bottom margin --- themes/oont-themev2/assets/css/alaskardev.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/oont-themev2/assets/css/alaskardev.css b/themes/oont-themev2/assets/css/alaskardev.css index c52f4abe9..aa8c561c0 100644 --- a/themes/oont-themev2/assets/css/alaskardev.css +++ b/themes/oont-themev2/assets/css/alaskardev.css @@ -88,7 +88,7 @@ p.price { .woocommerce ul.products li.product img { display: flex; width: 100%; - height: 100%; /* Allow the image to scale proportionally */ + height: auto; /* Allow the image to scale proportionally */ max-height: 450px; /* Set a max height for the image (adjust as needed) */ max-width: none; @@ -157,7 +157,7 @@ a.ast-loop-product__link h2 { flex: 0 0 50%; /* Each item takes up 50% of the row */ max-width: 50%; /* Each item takes up 50% of the row */ height: 300px; /* Fixed height for mobile */ - margin-bottom: 20px; /* Add spacing between rows (optional) */ + margin-bottom: 10px; /* Add spacing between rows (optional) */ } .woocommerce ul.products, .woocommerce-page ul.products { column-gap: 20px !important;