Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
menu responsive
gan saya mau tanya caranya supaya menu saat di ukuran smartphone berganti jadi icon menu burger kayak di framework kadi pada saat menu mengecil seukuran smartphone maka si menu berganti menjadi icon menu burges kayak di bootstrap itu gimana yah gan caranya tolong bantuannya, terima kasih.
5 Jawaban:
Bikin kedua menunya, misal menu utama pakai class .menu_normal yg menu burger .menu_burger. Di css diatur show hide via @media tergantung di ukuran layar berapa itu menu mulai berganti, misalnya ukuran layar lebar 480px
@media screen and (min-width: 481px) {
.menu_normal {
display: block;
}
.menu_burger {
display: none;
}
}
@media screen and (max-width: 480px) {
.menu_normal {
display: none;
}
.menu_burger {
display: block;
}
}
Kira2 seperti itu
Jawaban Terpilih
masih belum mengerti saya nanti ngeluarin icon nya gimana
disekolah koding ada kok gan bagian front end =>membuat fortolio=>menambahkan javascript
yang dijelaskan @rachmatsasongko sudah cukup untuk mengatur yang dimaksud. jadi itu kayak col-md-12 dan col-xs-12 di bootstrap. @media menjelaskan layar yang digunakan dan mode print/tidak. display:block itu artinya muncul display:none itu ilang. Kalau mau lebih atraktif ya pake jquery.
