Mobil uyumlu galeri ?
1
●32
- 04-09-2024, 12:49:27ChatGPT yazdı:
Elementor'da böyle bir düzeni ayarlamak için "Image Gallery" veya "Custom Grid" eklentilerini kullanabilirsiniz. Ancak, mobil ve masaüstü düzenlemelerinde farklı sütun sayıları ayarlamak istiyorsanız, aşağıdaki adımları izleyebilirsiniz:
Image Gallery Widget: Elementor'un Image Gallery widget'ını kullanarak bir galeri oluşturun.
Custom Breakpoints: Elementor'da her cihaz türü için ayrı sütun sayıları ayarlamak mümkündür. Widget'ın "Advanced" sekmesine gidin ve "Responsive" ayarlarına tıklayın. Burada masaüstü ve mobil cihazlar için farklı sütun sayıları belirleyebilirsiniz.
CSS Kullanımı: Eğer widget istediğiniz sonucu vermiyorsa, özel CSS kullanarak mobilde ve masaüstünde farklı sütun sayıları belirleyebilirsiniz. Aşağıdaki örnek CSS kodunu kullanarak bu işlemi gerçekleştirebilirsiniz:
css:
@media (min-width: 1024px) {
.your-gallery-class {
grid-template-columns: repeat(12, 1fr);
}
}
@media (max-width: 1023px) {
.your-gallery-class {
grid-template-columns: repeat(5, 1fr);
}
}
Eğer bu çözüm işinizi görmezse, Elementor Pro'nun daha gelişmiş widget'ları veya üçüncü parti eklentilerle özel düzenlemeler yapabilirsiniz.