Social Feed

What's on your mind?
Main Feed Forums Featured Trending My Feed
A
3K 3 0

Help Header Ve footer daraltma

Merhabalar default forumda Header kısmı ve Footer kısmını daraltmak istiyorum bazı kodlarla denedim lakin mobilde sag sola kayma yapıyor. en sağlıklı şekilde nasıl daraltma yapabilirim
XenTR A
XenTR
XenTR
Eğer default olarak kullanıyorsanız zaten olması gereken değerlerde bırakmanız yerinde olacaktır. Default header alanı içerisine yüklemiş olduğunuz logo değerlerine göre şekil alacaktır. Yok...
Eğer default olarak kullanıyorsanız zaten olması gereken değerlerde bırakmanız yerinde olacaktır. Default header alanı içerisine yüklemiş olduğunuz logo değerlerine göre şekil alacaktır. Yok logoyu navigasyon linklerinin soluna almışsanız o zaman önce uygun boyutlarda logonuzu hazırlayın.

Logoyu navigasyona taşıdığınızda müdahale etmeniz gereken alan kullanmış olduğunuz temanın stil özellikleri sayfasından Header and navigation stil seçeneği grubu içerisine girerek Navigation padding vertical seçeneğinde yer alan değeri isteğinize bağlı olarak değiştirmek yeterli olacaktır.

Tavsiyem standart tema için kendi değerleri dışında harici bir kodlama yapmamanız yönünde olacaktır. Sadece renk değerlerini değiştirmeniz tüm tarayıcı ve mobil cihazlarda sorunsuz kullanmanızı sağlayacaktır.
A
Alpagu Replying to XenTR
Malesef oradan denedim ama olmadı . default temada Header üst menü ve footer geniş kısmı daraltamadım
XenTR
XenTR Replying to XenTR
Genişlikten kastınızı sanırım ben yanlış anlamış olabilirim.. Siz header ve footer alanını boxed yapmak istiyorsunuz anladığım kadarı ile...

Bunun için doğru yaklaşım tüm sayfayı saracak olan bir...
Genişlikten kastınızı sanırım ben yanlış anlamış olabilirim.. Siz header ve footer alanını boxed yapmak istiyorsunuz anladığım kadarı ile...

Bunun için doğru yaklaşım tüm sayfayı saracak olan bir div yapısına almak daha doğru olacaktır. Ancak daha fazla işlem gerektirebilir. Dikkat ederseniz her geniş alanın altında ...-inner değerleri vardır. Bunlar sayfanın genişlik değerlerini belirler.

Örneğin aşağıdaki resme bakabilirsiniz

Dear Guests, welcome! Please, Log in or Register to view hide content!


Gördüğünüz gibi p-header-inner değeri header alanında yer alan içeriklerin genişlik değerlerini belirlemektedir. Bu yapıları navigation ve footer için de görebilirsiniz. Ancak aşağıdaki kodu basit bir şekilde test edebilirsiniz.

extra.less dosyanıza şu şekilde ekleyiniz.

CSS:
Dear Guests, welcome! Please, Log in or Register to view hide content!

Burada max-width: alanı için verilmiş olan değer sizin temanızın sayfa genişlik değerine göre şekillenecektir. Bilerek normal max-width değerinin altında bir değer belirledim. Bu sayfanın sağından solundan 10px bir çıkıntının önüne geçmek için belirlenmiştir. Yöntem olarak en basit hali ile bu şekilde uygulayabilirsiniz.

Umarım işinizi görecektir.
  • Insert:
  • Like
Reactions: Alpagu and XDinc

Members online

No members online now.
Total: 174 (members: 0, guests: 174)

Trending resources

Trending content

Legal Notice

As a content provider sharing platform, users of our site at xentr.net are responsible for their own posts, according to Article 8 of Law No. 5651 and Article 125 of the Turkish Penal Code (T.C.K.). All legal complaints regarding XenTR.Net will be reviewed within 3 (three) days after contacting us via the provided contact link, in accordance with the relevant laws and regulations. Necessary actions will be taken, and the site administrators will provide the necessary information.

Currently on our website
174 User Active  (0 member, 174 visitor)
Members online
Threads 4,579
Messages 16,483
Members 1,650
Latest member flyingron
Back
Top Bottom