» » » » Width Boyutuna Göre Bir Öğenin Durumunu Belirleyen Hangi Css Kodudur?

Width Boyutuna Göre Bir Öğenin Durumunu Belirleyen Hangi Css Kodudur?

yunusemre
yunusemre 24-04-2016, 21:14
S.A. arkadaşlar;

Kullandığım temada internet tarayıcımın width boyutunu küçülttükçe slider imageleri de küçülüyor ve belirli bir noktadan sonra slider kayboluyor. Aynı şekilde bir yerden sonra Haberler satırının sonundaki "daha fazla haber" yazısı da kayboluyor bu sebeple mobil cihazımda slider ve daha fazla haber yazısı görüntülenmiyor.

@media (max-width: 910px) { 
	
	.hotnews {
		width: 23%;
		margin: 0 1% 20px 1% !important;
	}
				
		.hotnews-image img {
			min-width: 100%;
		}
						
			.hotnews h2 {
				width: 100%;		
			}


Bu kodlarda width: 23%; olan kısmı width: 48%; yaptığımda veya width: 100%; yaptığımda resim boyutları değişiyor ama verdiğim kodlarda hangi değeri değiştirsem de tarayıcı çerçevemi daraltınca slider ve daha fazla haber yazısının yok olmasını engelleyemiyorum. Bunu sağlayan ve daha küçük width değerinde de bu iki öğenin görüntülenmesi için editlemem gereken css kodu nedir ve nerededir acaba?

URL:www.webtedunya.com

Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
yunusemre 25 Nisan 2016 19:58
slider için
@media (max-width: 528px) { 

	.fix-1 {
		display: none;


	.news-block-more {
		display: none;

Slider ve Daha fazla haber için none kısımlarını block olarak değiştirdim oldu.. Hangi kod ne işe yarıyo diye kurcalaya kurcalaya Deneme yanılma yöntemiyle bazen denk geiriyorum böyle :)
0
İSTATİSTİKLER