Css Kodları hakkında

Merhaba;
wordpresste smart slider kullanıyorum slider oklarını css ile ekranlara göre ayarlıyorum.

laptopta nerde gözükecekse
masaüstünde nerde gözükecekse birinde düzelince öbüründe dağılıyor.

css den anlayanlar bir yardımcı olabilir mi.


şimdiden çok teşekkürler

@media (min-width: 1224px) {
 div#n2-ss-4-arrow-next {
    margin-bottom: -330px;
    margin-right: 235px;
}
}
@media (min-width: 1224px) {
 div#n2-ss-4-arrow-previous {
    margin-bottom: -330px;
    margin-left: 235px;
}
}
@media (min-width: 1224px) {
 div#n2-ss-4 .nextend-thumbnail-horizontal {
    flex-direction: row;
    max-width: 800px;
}
}


@media (min-width: 1225px) {
 div#n2-ss-4-arrow-next{
    margin-bottom: -480px;
    margin-right: 330px;
}
}

@media (min-width: 1225px){
 div#n2-ss-4-arrow-previous{
    margin-bottom: -480px;
    margin-left: 330px;
}
}
@media (min-width: 1225px) {
 div#n2-ss-4 .nextend-thumbnail-horizontal {
    flex-direction: row;
    max-width: 1150px;
}
}

masaüstü görünüm



laptop görünüm

Hocam sanki min withler çok yakın değerler. Acaba birini Max mı demek istediniz ?

max denedim herşey denedim ama çözemedim.
örnek veriyorum masaüstü için o class lara veriyorum değerleri sonra o class kayboluyor laptopa verdiğim değerler classı bulamıyor olarak anladım ben

site linkini atın isterseniz de bakayım hocam

site linkini gönderdim.

benim classların şunlar
div#n2-ss-4-arrow-next

div#n2-ss-4-arrow-previous

div#n2-ss-4 .nextend-thumbnail-horizontal

bunların üzerinde örnek veriyorum laptopa değer veriyorum. masaüstüne değer veriyorum.

ama birinde düzgün gösteriyor diğerinde göstermiyor.

en son eklediğim kodlar şöyle

/* min laptop */
@media (min-width: 768px) and (max-width: 1024px) {
  
  div#n2-ss-4-arrow-next {
    margin-bottom: -330px;
    margin-right: 235px;
  
}}


@media (min-width: 768px) and (max-width: 1024px) {
div#n2-ss-4-arrow-previous {
    margin-bottom: -330px;
    margin-left: 235px;


}}

@media (min-width: 768px) and (max-width: 1024px) {
div#n2-ss-4 .nextend-thumbnail-horizontal {
    flex-direction: row;
    max-width: 800px;

}}


/* laptop ve ekran küçük m.üstü */
@media (min-width: 1025px) and (max-width: 1280px) {
  
  div#n2-ss-4-arrow-next {
    margin-bottom: -330px;
    margin-right: 235px;
  
}}


@media (min-width: 1025px) and (max-width: 1280px) {
div#n2-ss-4-arrow-previous {
    margin-bottom: -330px;
    margin-left: 235px;


}}

@media (min-width: 1025px) and (max-width: 1280px) {
div#n2-ss-4 .nextend-thumbnail-horizontal {
    flex-direction: row;
    max-width: 800px;

}}


/* Masaüstü */
@media (min-width: 1281px) {
  
  div#n2-ss-4-arrow-next{
    margin-bottom: -480px;
    margin-right: 330px;
  
}}

@media (min-width: 1281px) {
div#n2-ss-4-arrow-previous{
    margin-bottom: -480px;
    margin-left: 330px;
}}
@media (min-width: 1281px) {
 div#n2-ss-4 .nextend-thumbnail-horizontal {
    flex-direction: row;
    max-width: 1150px;
}}