CSS ile yapışkan menü « Bulancak Ajans

31 Ocak 2023 - 04:13

CSS ile yapışkan menü

CSS ile yapışkan menü
Son Güncelleme :

08 Şubat 2020 - 12:50

Diğer yöntem ise site css dosyasına ekleyeceğiniz bir kod ile sabit menü yapma. Bunun için öncelikle kodu ekleyeceğiniz alanı açın. Bu alanıadı Ek CSS. Nasıl açılacak? Yönetici panelinde Görünüm menüsü içerisinde Özelleştir alt menüsünü tıklayın. Burada tema düzenleme ile ilgili birçok alan var, bunlardan biri de Ek CSS.

Kırmızı ok ile gösterdiğim alana aşağıdaki kodu yapıştırıp Yayımla dediğinizde menü alanı sabitlenecektir.

.site-header {
 position: fixed;
 top: 0;
 width: 100%;
 left: 0;
 z-index: 1000;
}
.main-navigation ul.nav-menu {
 border: 0;
}

Eğer CSS kodlarına hakimseniz ayrıca başka özellikler ekleyebilirsiniz. Mesela background-color: yellow; şeklinde bir kod ile menü arka alanını sarı hale getirebilirsiniz.

Umarım sorunsuz halledebilirsiniz, kolay gelsin