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;
}}
site linkini atın isterseniz de bakayım hocam