Menüyü nasıl genişletebilirim ?

Question

Merhaba arkadaşlar sayfamdaki aşağıda belirttiğim menyü sağa ve sola nasıl genmişletebilirim yardımcı olursanız sevinirim.
Site: Birtekno.com

Onur89TR · Answer

#fx { display: block!important; position: absolute!important; left: 15px!important; right: 15px!important; top: 80px!important; min-height: 50px!important; }
@media only screen and (max-width: 911px) {
#header .fix { min-height: top: 0!important; left: 0!important; right: 0!important; }
}
.header_wrap { position: relative!important; text-align: center!important; margin: 30px 0 100px 0!important; }Hocam olmadı dediniz ancak bu kodların çalışması lâzım, konuyla ilgilenenler verdiğim kodu test edebilir mi

wmclubu · Answer

@Onur89TR;  Chrome 100 kullanıyorum hocam

Onur89TR · Answer

Hocam bir önceki mesajımı yanıtlayın

wmclubu · Answer

@Yusu; hocam öncelikle uğraşınız için teşekkürler verdiğiniz kodu tekrar ekledim gizli sekme de dahi açtım ama değişen olmadı lütfen rica etsem siz öğeyi denetleden kodu eklayip S.S olarak gösterirmisiniz.

Yusu · Answer

wmclubu adlı üyeden alıntı:						mesajı görüntüle									@Yusu; Olmadı hocam. 		Kodu güncelledim, CSS kodlarıyla birlikte istediğiniz gibi olmakta. Ayrıca; CSS kodlarının çalışıp, çalışmadığını kontrol ettim.

Onur89TR · Answer

Hangi web tarayıcıyı kullanıyorsunuz? PC'niz hangi çözünürlükte ve metin boyutu 100%'de kaç? Aynı ayara getirip deneyeyim.

wmclubu · Answer

@Onur89TR;  bende taşıyor zaten S.S attım resmin alt kısmına bakarsanız sayfayı sağa sola çeken butonu görürsünüz.

Onur89TR · Answer

Edge kullanıyorum. Aşağıdaki resimde gördüğünüz üzere sayfayı küçültüp büyüttüğümde taşmadı (Not: left ve right 15px olarak test ettim)

wmclubu · Answer

@Onur89TR;  üstadım anlatamıyorum sanırım ben left & right ayarlarım ama kendi bilgisayarıma göre ayarlanır diğer büyük ekran ufak ekran giren bilgisayarlar için ya büyük yada küçük olur tüm ekranlarda aynı genişlik olsun taşmadan vs demek istiyorum.

Onur89TR · Answer

#fx { display: block!important; position: absolute!important; left: 25px!important; right: 25px!important; top: 80px!important; min-height: 50px!important; }
@media only screen and (max-width: 911px) {
#header .fix { min-height: top: 0!important; left: 0!important; right: 0!important; }
}
.header_wrap { position: relative!important; text-align: center!important; margin: 30px 0 100px 0!important; }(Yukarıda gördüğünüz üzere, #fx!teki left ve right px'lerini artırdım. Daha da artırabilirsiniz)

wmclubu · Answer

@Onur89TR;  kodlar çalıştı doğru ama sayfa aşağıdaki gibi oluyor tabiri çağizse taşıyor otomatik bilgisayarlara göre boyutlanmıyor.

wmclubu · Answer

@iskendercnr;  ozaman da tam ekran oluyor verilen kodlar yine çalışmıyor teşekkürler yine de

iskendercnr · Answer

header altındaki container classına max-width verilmiş. onu kaldırırsan üstteki cevaplar işe yarayacaktır.

wmclubu · Answer

@Yusu; Olmadı hocam.

Yusu · Answer

Aşağıdaki CSS kodunu "Görünüm > Özelleştir > EK CSS" kısmına eklerseniz, istediğiniz olacaktır.

@media (min-width: 1200px) {
  .header .container {
    max-width: 100% !important;
  }
}

// Eğer logonun olduğu alanında menüde olduğu gibi tam geniş olmasını istiyorsanız, buradaki class'ı (.header .header_wrap) silebilirsiniz.
.header .header_wrap {
  max-width: 1170px !important;
  margin: 30px auto !important;
}

.header #fx {
  width: 100% !important;
  margin: auto !important;
}

.header #fx.fixed {
  max-width: calc(100% - 35px) !important;
}

wmclubu · Answer

@Onur89TR;  malesef olmadı üstadım.

Onur89TR · Answer

#fx{width:calc(100% + 60px)!important;margin:0 -30px!important}

Bu kodu Görünüm > Özelleştir > Ek CSS bölümüne ekleyin. Yine olmazsa önbelleği sıfırlayın.

wmclubu · Answer

@Onur89TR;  yine genişlemedi hocam (: tam css kodu öğeyi denetleden yapıp yazarmısınız buraya şu şekilde diye size zahmet

Onur89TR · Answer

Al sana pro. olmayan destek.  Bu kodu Görünüm > Özelleştir > Ek CSS kısmına yapıştır. Ya da global.css dosyasında 110. satırdan kapanışa kadar kodu bu şekilde değiştir.

wmclubu · Answer

@Psyduck;  profesyonel desteğe ihtiyacım yok ustam nasıl genişlediğini anlatın yeterli benim için (:

Psyduck · Answer

Özel mesaj ile iletişime geçerseniz konu hakkında profesyonel destek sunabilirim.