🐞 Issue footer menumpuk, case di web brand lain aman di Shopify

Published on February 11, 2026

📌 Deskripsi Masalah

Tampilan footer di Wakai Go berantakan, bertumpuk, sedangkan di Manta Liberta aman. Padahal menggunakan liquid dan css yg sama.

✅ Solusi Akhir

  • Menambahkan CSS custim di base.css

📚 Catatan Penting

  • Case ini terjadi di website Wakai Go

  • Theme nya Thinker

 

⌨️ Penambahan CSS di dalam “product-cart.liquid”



/* RIZKY - 11 FEB | PERBAIKAN TAMPILAN DI IOS FOOTER MENUMPUK */

/* Override untuk slideshow image */
.slide__image {
  width: 100%;
  height: 100%;       /* bukan auto */
  object-fit: cover;  /* biar crop rapi */
  object-position: center center;
  display: block;
}


@media screen and (max-width: 749px) {
  .layout-panel-flex.mobile-column {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important; /* Mencegah container terkunci tingginya */
    gap: 30px; /* Memberi ruang antar blok footer */
  }

  .layout-panel-flex.mobile-column > * {
    flex: 0 0 auto !important; /* Memaksa elemen tidak boleh tumpang tindih */
    width: 100%;
  }
}

/* END OF RIZKY - 11 FEB | PERBAIKAN TAMPILAN DI IOS FOOTER MENUMPUK*/

 

NB : Pernah terjadi di Nokha

Previous

Next