Save

.vscode/settings.json

@@ -12,7 +12,7 @@
 	"liveSassCompile.settings.autoprefix": "defaults",
 	"liveSassCompile.settings.watchOnLaunch": true,
   "liveSassCompile.settings.includeItems": [
-    "themes/do_mydecor_elementor/assets/css/*.scss",
+    "themes/charme/assets/css/*.scss",
   ],
   "git.ignoreLimitWarning": true
 }

themes/charme/assets/css/custom.css

@@ -0,0 +1 @@
+.an_banner{position:relative}.an_banner .an_banner-link{position:absolute;inset:0}/*# sourceMappingURL=custom.css.map */

themes/charme/assets/css/custom.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,WACC,iBAAA,CAEA,2BACC,iBAAA,CACA,OAAA","file":"custom.css"}

themes/charme/assets/css/custom.scss

@@ -0,0 +1,8 @@
+.an_banner {
+	position: relative;
+
+	.an_banner-link {
+		position: absolute;
+		inset: 0;
+	}
+}

themes/charme/assets/css/theme.css

@@ -19428,4 +19428,30 @@ body#checkout .cart-voucher {
 .an_banner col-sm-3{
 	width:49%;
 	display:inline-block;
+}
+
+.an_banner {
+	position: relative;
+}
+.an_banner .an_banner-link {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+}
+body#index .page-home>.row .an_banner{
+  width: calc(100% / 4 - (20px - 20px / 4)) !important;
+  max-width: unset !important;
+}
+
+@media (max-width: 768px) {
+  body#index .page-home>.row .an_banner{
+    width: calc(100% / 2 - (20px - 20px / 2)) !important;
+    max-width: unset !important;
+  }
+}
+@media (max-width: 400px) {
+  body#index .page-home>.row .an_banner{
+    width: 100% !important;
+    max-width: unset !important;
+  }
 }

themes/charme/templates/_partials/head.tpl

@@ -54,6 +54,8 @@
   {include file="_partials/stylesheets.tpl" stylesheets=$stylesheets}
 {/block}
 
+<link rel="stylesheet" href="/themes/charme/assets/css/custom.css">
+
 {block name='javascript_head'}
   {include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}
 {/block}