mobilde bozuk slider görseli

Question

merhaba ; 
https://sbstedarik.com/ web sitemizin mobilde slayt görselleri anlaşılmıyor. 
Nasıl görseli orjinal haliyle gösterebilirim.

cevaplarınız için şimdiden teşekkürler.

Onur89TR · Answer

Görüntü atar mısın dostum. Ve olmasını istediğin şekli...
Bir de önce şunları CSS sonuna ekle (mobil uyumu için). Sonra dediğine bir bakalım.
.header_scroll { height: auto !important; }
.header_wrapper { min-height: auto !important; }

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									Görüntü atar mısın dostum. Ve olmasını istediğin şekli...
Bir de önce şunları CSS sonuna ekle (mobil uyumu için). Sonra dediğine bir bakalım.
.header_scroll { height: auto !important; }
.header_wrapper { min-height: auto !important; } 		pc görünümü : https://yadi.sk/i/0SwmFOpW3YNweH
mobil görünümü : https://yadi.sk/i/ANwN6f_x3YNwkv

mobilde resim tam görükmüyor hiçbişey anlaşılmıyor.

Onur89TR · Answer

O kodu ekledikten sonra bunu da style.css sonuna ekleyin ve ne gördüğünüzü bana gösterin.
@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: contain !important; background-position: center center !important; }
}

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									O kodu ekledikten sonra bunu da style.css sonuna ekleyin ve ne gördüğünüzü bana gösterin.
@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: contain !important; background-position: center center !important; }
} 		güncel ekran görüntüsü 
https://yadi.sk/i/ls7_FihK3YP367

Onur89TR · Answer

Olmuş işte.  Yalnız, ilk mesajımda verdiğim kodu halen eklememişsin.

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									Olmuş işte.  Yalnız, ilk mesajımda verdiğim kodu halen eklememişsin. 		oldu da ne kadar oldu 

mobil için ayrı resim eklesek hocam daha mı iyi olur

Onur89TR · Answer

yunusdonmez adlı üyeden alıntı:						mesajı görüntüle									oldu da ne kadar oldu

mobil için ayrı resim eklesek hocam daha mı iyi olur 		PC görünümünün mobil gibi olmasını istiyorsan ekranı yan yatırmalısın. PCde ekran dik değil yatay çünkü.  Ayrıca verdiğim ilk kodu eklememişsin ısrarla, eklediğinde yazışalım.

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									PC görünümünün mobil gibi olmasını istiyorsan ekranı yan yatırmalısın. PCde ekran dik değil yatay çünkü.  Ayrıca verdiğim ilk kodu eklememişsin ısrarla, eklediğinde yazışalım. 		ekledim hocam yanlışınız var
theme.css dosyasında

Onur89TR · Answer

Şimdi oldu. Bende yapılanlar geç geliyor sanırım.  Resimi full bir şekilde göstermek istiyorsanız ikinci verdiğim koddaki background-size: contain !important; yerine background-size: 100% 100% !important; yazmanız gerek. Yok ben oranları korumak istiyorum diyorsanız öyle kalsın. Son olarak arkaplan rengi de verirsek kodunuz şu 2 seçenekten biri olabilir:
@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: contain !important; background-position: center center !important; background-color: black !important; }
}

veya

@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: 100% 100% !important; background-color: black !important; }
}

_____

Not: Şunu da eklersen arkaplandaki çizgilerden kurtulursun:
#bg_pattern { background-image: none !important; }

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									Şimdi oldu. Bende yapılanlar geç geliyor sanırım.  Resimi full bir şekilde göstermek istiyorsanız ikinci verdiğim koddaki background-size: contain !important; yerine background-size: 100% 100% !important; yazmanız gerek. Yok ben oranları korumak istiyorum diyorsanız öyle kalsın. Son olarak arkaplan rengi de verirsek kodunuz şu 2 seçenekten biri olabilir:
@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: contain !important; background-position: center center !important; background-color: black !important; }
}

veya

@media only screen and (max-width: 768px){
.no_fit.fs_gallery_container li { background-size: 100% 100% !important; background-color: black !important; }
}

_____

Not: Şunu da eklersen arkaplandaki çizgilerden kurtulursun:
#bg_pattern { background-image: none !important; } 		
hocam öncelikle sıkılmadan cevap verdiğiniz için teşekkür ederim 
fakat bu şekilde değilde mobil için hazırladığımız ayrı resimleri göstermek istersek nasıl yapabiliriz?

Onur89TR · Answer

@media only screen and (max-width: 768px){ .jspContainer { height: 70px !important; } }
(Sitenizde bir uyum sorunu var onu çözmeye de çalışıyorum bu arada.) Bunu theme.css'e diğer kodların arasına atın.
Masaüstüne ayrı, mobile ayrı bir galeri için panelin değişmesi lazım. Güven sorunu yoksa, panelinizi incelemem için giriş bilgilerini Ö.M yoluyla iletiniz. Yapılabilecek bir olasılık varsa bakalım.

yunusdonmez · Answer

Onur89TR adlı üyeden alıntı:						mesajı görüntüle									@media only screen and (max-width: 768px){ .jspContainer { height: 70px !important; } }
(Sitenizde bir uyum sorunu var onu çözmeye de çalışıyorum bu arada.) Bunu theme.css'e diğer kodların arasına atın.
Masaüstüne ayrı, mobile ayrı bir galeri için panelin değişmesi lazım. Güven sorunu yoksa, panelinizi incelemem için giriş bilgilerini Ö.M yoluyla iletiniz. Yapılabilecek bir olasılık varsa bakalım. 		verdiğiniz kodu ekledim. panel bilgilerini özel mesaj olarak gönderiyorum.