KMA Store Locator – EN (Thai design)
Where to Buy KMA
Use search, filter by brand, or browse by city. Click Map to open Google Maps, or More to view the page.
No stores match your filters.
/* === MOBILE LAYOUT FIX (for Shopify Sleek theme) === */
@media (max-width: 640px) {
#store-locator .sl-container { padding: 0 16px; }
/* ปรับโครงหลักให้เป็นคอลัมน์เดียว */
#store-locator .sl-grid {
display: block;
margin-top: 12px;
}
/* ซ่อน sidebar เมือง */
#store-locator .sl-aside {
display: none;
}
/* ย่อหัวข้อและข้อความให้เหมาะกับจอเล็ก */
#store-locator .sl-topbar {
border-bottom: none;
padding-bottom: 0;
}
#store-locator .sl-title {
font-size: 20px;
margin-bottom: 4px;
text-align: center;
}
#store-locator .sl-sub {
font-size: 14px;
text-align: center;
color: #666;
margin-bottom: 8px;
}
/* ปรับ search bar และ chips */
#store-locator .sl-searchbar input {
font-size: 16px;
padding: 14px 40px 14px 14px;
border-radius: 10px;
}
#store-locator .sl-groups {
justify-content: flex-start;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 8px;
margin-bottom: 8px;
}
/* Cards: แสดงแบบเรียงเดียว แตะง่ายขึ้น */
#store-locator .sl-card {
grid-template-columns: 1fr;
gap: 10px;
padding: 14px;
}
#store-locator .sl-card h4 {
font-size: 16px;
}
#store-locator .sl-cta {
justify-content: flex-start;
}
/* ปรับปุ่มให้เต็มความกว้าง */
#store-locator .btn {
flex: 1;
text-align: center;
padding: 12px 0;
}
/* เพิ่ม margin ระหว่างผลลัพธ์ */
#store-locator .sl-cards {
gap: 12px;
}
}
