DOLAR35,2068% 0.3
EURO36,7672% 0.92
STERLIN44,3202% 0.7
FRANG39,4341% 0.87
ALTIN2.968,40% 1,31
BITCOIN96.900,01-0.554
reklam

CSS ile yapışkan menü

Yayınlanma Tarihi : Güncelleme Tarihi : Google News
CSS ile yapışkan menü
reklam

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

YORUM YAP