Menambah Button di Menu GeneratePress

Pada tutorial ini akan menjelaskan Cara Menambah Button di Menu GeneratePress. Dalam pengaturan bawaan pada tema ini tidak ada tambahan untuk menambahkan button maka dari itu tutorial ini dapat berguna.

Ikuti langkah dibawah ini dengan benar agar dapat berjalan dengan lancar.

Menambah Button di Menu GeneratePress

Langkah awal adalah dengan menambahkan fondasi untuk CCS dengan menmabahkan kode dibawah dengan cara Customizer > Additional CSS.

.nav-float-right #site-navigation {
  margin-left: 0;
}

.main-navigation {
	width: 100%;
}

#primary-menu {
	width: 100%;
}

Ini merupakan langkah awal dalam membuat button pada navigasi menu GeneratePress.

Menambah Button di Menu GeneratePress

Tambahkan kode CCS dibawah ini untuk membuat button pada bagian kanan menu

@media (min-width: 1025px) {

    .nav-float-right #site-navigation {
        margin-left: 0;
    }

    .main-navigation {
	width: 100%;
    }

    #primary-menu {
	width: 100%;
    }

    .main-navigation li:last-child{
	margin-left: auto;
    }

    /* Only use the CSS below if you want to style the last item like a button (where you'll likely want to add your own styles). Otherwise, you can remove it. */

    .main-navigation .main-nav ul li:last-child a{
	color: #fff;
	background-color: #000e26;
	border-radius: 4px;
    }
}

Tinggalkan komentar