Arkadaşlar slider mobilde responsive olmuyor. Görsel enlemesine uzun duruyor masaüstü sürümde durduğu gibi. Mobilde duyarlı oranlı bir şekilde görselimiz gözüksün istiyoruz. Kodun neresinde problem var?
<style>
.special-product-countdown {
padding-top: 0;
}
.slider-content p {
padding-right: 25px ;
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 400px) {
}
/* small mobile :320px. */
@media (max-width: 400px)
{
#section-header-5.header-top {
background-color: #323232;
border-color: #e0e0e0;
margin-bottom: 20px;
}
#section-1577268917414.slider_nrb_style_2 #block-1577268917414-1 .slider-content h1 {
margin-bottom: 5px !important;
}
#section-1577268917414.slider_nrb_style_2 #block-1577268917414-1 .slider-content p {
margin-bottom: 0 !important;
}
#section-1577268917414.slider_nrb_style_2 #block-1577268917414-0 .slider-content h1 {
margin-bottom: 14px !important;
}
#section-1577268917414.slider_nrb_style_2 #block-1577268917414-0 .slider-content p {
margin-bottom: 5px !important;
}
}
</style>
Hocam burada şu boyuttan küçük olursa demişsiniz ama gerisi yok. Boyut belirtmemişsiniz konum belirtmemişsiniz. Elle tek tek yazacağınıza bu kodları Bootstrap öneririm. "col-md-4 col-sm-12" gibi küçük bir kod ile resminizi her cihaza uygun ayarlayabilirsiniz.