21. Hilangkan Horizontal Scroll di Tampilan Mobile

Hello everyone!

Masalah yang pasti dialami ketika kalian sedang belajar elementor, yaitu tampilan mobile yang ada space putih di bagian kanan atau kiri. Hal tersebut biasa saya sebut "Mobile Horizontal Scroll" yang tidak sengaja terbuat.

Begini cara mengatasinya...

CSS Code

Taruh di additional css, di bagian theme:

				
					/* atur lebar maks elemen ke 100% */
body, html {
    overflow-x: hidden;
}

.elementor-section,
.elementor-column,
.elementor-widget {
    overflow: hidden;
}

/* paksa padding dan margin tidak menyebabkan scroll */
.elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-container {
    max-width: 100% !important;
}

				
			

CATATAN:
Pastikan di Elementor, Overflow = Hidden untuk elemen slider apapun.

Semoga bermanfaat dan selamat mencoba!

Scroll to Top