max-width 1504 px olduğunda padding değerimi neden almıyor ?

media içerisinde yazı yazarken "!important" ekleyerek kullanın bu tür sıkıntılar yaşadığınızda.
Sorun yaşamanızın sebebi ise CSS dosyaları yukarıdan aşağı doğru okunur siz YUKARIDA media yazmışsınız ancak aşağıda media içindeki değeri değiştirmişsiniz.
Ya media yazan yerleri CSS dosyasının aşağısına taşıyın yada dediğim gibi bu tür zamanlarda çalışmasını istediğiniz yerin sonuna ";" önce "!important" yazın.

Seni ayakta alkışlıyorum.
Çok teşekkür ederim ya.



aynen öyle yaptım ben yukarı doğru yazıyordum hep.

İşinizi görmesine sevindim. R10 da bir yorum işinizi gördüğünde yorumun sağ altındaki "R10+" tuşunu kullanırsanız bizede destek olmuş olursunuz

tabi basarım
Şimdi max-width 1724 important yapıp padding 25 30 yaptım yedi. max width 1504 olduğunda 25 20 yaptım onu yemedi neden ?

Aynı mantıkta alttaki !important üstekini ezer çünkü. !important her yerde kullanılmamalı zaten
Sıralamanız şöyle olmalı yazarken.
1. Normal media içine girmeyecek olan CSS kodları
2. Büyükten küçüğe doğru media etiketleri
Ekran küçüldükçe aşağıdaki kod çalışacak şekilde dizayn etmelisiniz.
Sıralama doğruysa !important yazmanıza hiçbir yerde gerek kalmaz.
Ancak siz media etiketlerinden birinde bir özelliğe @important yazarsanız üstündekileri baskılar.

important ı silip sıralamayla yazdığımda 1724 ü yedi. ama nedense 1504 ü yemiyor.

Bende siteniz üstünden yapıyorum ve
@media (max-width: 1504px) (index):369 .main-navigation a {

1. padding: 25px 20px;

} @media (max-width: 1724px) (index):359 .main-navigation a {

1. padding: 25px 30px;

} (index):336 .main-navigation a {

1. padding: 25px 40px;

}olarak hepsinden !important'ı silince çalışıyor. Siz ekranınızı ctrl+mouse scroll ile yakınlaştırıp uzaklaştırırsanız anlayacaksınız.
Mevcut ekran çözünürlüğünüz 1724'ten büyükse 1504 kısmı zaten çalışmaz.