Çözüldü HTML - CSS sayfa küçülünce yazılar alt alta geliyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Timuçib

Hectopat
Katılım
8 Mart 2023
Mesajlar
1.395
Çözümler
13


Yapı yukarıda gördüğünüz gibi fakat sayfa çok küçülünce alttaki gibi oluyor



İletişim diğer elementin altına geliyor. Ben sayfa küçülünce iletişimin görünmemesini istiyorum nasıl sağlarım?
 
Son düzenleyen: Moderatör:
Çözüm
Böyle deneyebilirsiniz. Ekran genişliği 600 piksel ve daha küçük olduğunda "iletisim" id'sine sahip elementi gizleyecek.
CSS:
@media only screen and (max-width: 600px) {
  #iletisim {
     display: none;
  }
}
Onu zaten denedim fakat olmadı başka bir yolu yok mudur?
Hangi elemana veriyorsunuz overflow'u? Kapsayıcı div'iniz varsa sorun olmamalı, çalışmalıydı. Menünün tek kapsayıcısı ul ise çalışmaz. Menüyü bir div içine alın ve div'e overflow: hidden verin.
 

Hocam div içinde zaten tek bir div içinde ve ekrandaki elemanlar liste yapısı değil a tagi ile link şeklinde.
 
Böyle deneyebilirsiniz. Ekran genişliği 600 piksel ve daha küçük olduğunda "iletisim" id'sine sahip elementi gizleyecek.
CSS:
@media only screen and (max-width: 600px) {
  #iletisim {
     display: none;
  }
}
 
Çözüm

Tam olarak bunu arıyordum hocam teşekkür ederim.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…