Cara Membuat Sticky Header di Elementor Free

cara membuat sticky header di elementor free

Table of Contents

Cara Membuat Sticky Header di Elementor Free. Halo kawan-kawan pengguna Elementor semua. Kita langsung saja ke intinya. Postingan ini saya buat berdasarkan pertanyaan salah satu group di Elementor Indonesia. Tenatang bagaimana sih membuat sticky header di Elementor yang Free?

Di elementor free sudah bisa membuat sticky header, kawan-kawan cukup bermain di css saja.

Langsung saja buat satu section dan juga menunya.

Pada section, silahkan masuk ke advance. Pada kolom css class, isi satu class misal stikmenu.

Ingat jangan gunakan spasi, class bisa di buat apa saja. Setelah class di buat. Silahkan buka di tab baru dan masuk ke Wp-admin >Appearance >Customize.

Pada halaman customize, scroll paling bawah ada tab Additional Css.

Pastekan kode dibawah ini ke kolom besar css.

.stikmenu{
position: -webkit-sticky;
position: sticky;
top: 0;

}

 

 

 

Bisa kita lihat, diatas class dengan nama stikmenu kita deskripsikan atau kita setting lewat css supaya bisa sticky menu. jadi kita sebenarnya tidak perlu elementor pro kalau kita menguasai Elementor.

Setelah di setting css, silahkan coba refrest hasil editan yang ada di elementor atau preview.

Sudah itu saja ya. maaf postnya buru-buru, takut keburu ada yang post hahaha. biasanya saya setting SEo di tiap postingan, yang ini tidak.

Download juga template wedding disini

Semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *