Ya, CSS itu bisa dipasang di Custom CSS WordPress, tetapi ada beberapa hal yang perlu diperbaiki supaya benar-benar bekerja di halaman blog.

Masalah yang sering terjadi di WordPress adalah CSS theme bawaan lebih kuat, jadi kita perlu sedikit penyesuaian.

---

Versi CSS yang lebih aman untuk dipasang di Custom CSS

Masukkan ini di:

Appearance → Customize → Additional CSS

atau

Appearance → Editor → Styles → Custom CSS

/* Navigation */
.nav {
  background: #fff !important;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 9999;
}/* container navbar */
.nav-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
}/* logo */
.nav .logo {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}/* menu */
.nav .menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin:0;
  padding:0;
}/* menu link */
.nav .menu a {
  text-decoration: none;
  color: #444;
  font-weight: 500;
}.nav .menu a:hover{
  color:#000;
}

---

Kenapa perlu perubahan ini

Saya tambahkan:

!important

karena di theme Twenty Twenty-Five banyak CSS yang bisa menimpa style kita.

Saya juga menambahkan:

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
}

supaya:

• logo kiri
• menu tengah
• social kanan

tetap sejajar.

---

Setelah dipasang lakukan ini

1. Klik Save
2. Bersihkan cache Hostinger
3. Refresh browser

CTRL + SHIFT + R

---

Hasil yang harusnya kamu lihat

Navbar akan:

✅ tetap di atas saat scroll
✅ background putih
✅ menu horizontal
✅ layout rapi

---

💡 Saran kecil untuk portfolio kamu

Kalau navbar kamu sudah sticky, sebaiknya tambahkan juga efek modern seperti ini:

• awal transparan
• ketika scroll jadi putih + shadow

Ini yang dipakai website seperti Apple / Stripe dan membuat portfolio terlihat lebih premium.

Kalau kamu mau, saya bisa kasih CSS + JS 15 baris saja untuk efek itu. Hasilnya langsung terasa jauh lebih profesional.