/* ===== Shohor homepage corrective CSS (2026-10-29) ===== Appended via Admin > Marketing Analytics > Custom Script > Header Script. All pre-existing content above is preserved as-is; this block only ADDS corrective rules. No template, DB, product, category or other setting is changed, and the Flash Sale nav link is untouched. */ /* ----- 1. Footer QUICK LINKS: hide ONLY the duplicate second heading ----- Live homepage DOM (2026-10-29): the quick-links column shows two stacked level-4 "QUICK LINKS" headings — the first bright white (same style as the CONTACTS / MY ACCOUNT / SELLER ZONE titles), the second dim gray — followed by the link list whose first link is https://shohorbd.com/contact-us. The previous footer div:has(a[href$="/contact-us"]) h4 + h4 rule did not match because the duplicate is not an adjacent h4 pair in the markup, so this hides any heading-level element that follows another heading inside that column. */ footer div:has(a[href$="/contact-us"]) :is(h1, h2, h3, h4, h5, h6, [role="heading"]) ~ :is(h1, h2, h3, h4, h5, h6, [role="heading"]) { display: none !important; } /* ----- 2. Floating left-edge buttons: clear ~90px (was 72px) ----- The middle floating button reaches ~82px, so the previous 72px left padding still left the Featured Categories subtext's leading "S" tucked behind it. Raised to 96px; the buttons themselves are not hidden or moved. */ @media (min-width: 992px) { div:has(.featured-categories-slider) div:has(> a[href$="/categories"]) { padding-left: 96px !important; } } @media (min-width: 992px) and (max-width: 1600px) { footer div:has(> a[href="https://shohorbd.com"]), footer div:has(> a[href="https://shohorbd.com/"]), footer div:has(> a[href="/"]) { padding-left: 96px !important; } } /* ----- 3. Touch product cards: quick actions always visible ----- Live homepage DOM (2026-10-29): each product card is a single flat container whose children are siblings — image link, "-12%" badge, "Add to Wishlist" link, "Compare" link, "Add to cart" link, title link, prices. The three action links are with no intermediate wrapper element, so the card classes sit on ONE element: combined-class selectors (.single-product-item.product-card-wrapper) are used instead of descendant selectors. Scoped to (hover: none), so desktop hover behaviour, card typography and pricing are untouched. */ @media (hover: none) { .single-product-item.product-card-wrapper .product-action-icons, .single-product-item.product-card-wrapper .product-cart-btn, .single-product-item.product-card-wrapper .action-icon-btn, .single-product-item.product-card-wrapper a[href="javascript:void(0)"], .single-product-item.product-card-wrapper.product-action-icons .product-cart-btn, .single-product-item.product-card-wrapper.product-action-icons .action-icon-btn, .single-product-item.product-card-wrapper.product-action-icons a[href="javascript:void(0)"] { opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } /* compact Add to cart */ .single-product-item.product-card-wrapper .product-cart-btn, .single-product-item.product-card-wrapper.product-action-icons .product-cart-btn { padding: 8px 10px !important; font-size: 13px !important; min-height: 44px !important; } /* 44px touch targets for wishlist / compare (and cart link fallback) */ .single-product-item.product-card-wrapper .action-icon-btn, .single-product-item.product-card-wrapper.product-action-icons .action-icon-btn, .single-product-item.product-card-wrapper a[href="javascript:void(0)"], .single-product-item.product-card-wrapper.product-action-icons a[href="javascript:void(0)"] { min-width: 44px !important; min-height: 44px !important; } }

Showing results

All categories
Flash Sale
Todays Deal