merhaba mobilde içereklerin sitenizden görütülenmesi için sadece viewport meta tagı değiştirmek yetmiyor
css içinde'de düzenleme sağlamanız gerekiyor css içinde resimler, divler, kolanların her biri
ayrı ayrı etiketlenip mobil uyumlu hale getirilmeliki
düzgün görünüm sağlayabilesiniz. aşağıdaki kodlarda mobil uyumluluk alanları belirtilmiştir
incelerseniz mantığı anlayabilirsiniz
yada siteniz aktifse adını yazın veya css içereği
hakkında daha fazla bilgi sağlarsanız yardımcı olabiliriz

örnek kodlar

@media (max-width: 767.98px) {// mobilde en fazla genişlik boyutu
.footer {

left: 0 !important;
text-align: center; } }

body[data-layout-mode="horizontal"] .footer {
left: 0 !important; }

body[data-layout-mode="horizontal"][data-layout-width="boxed"] .footer {
max-width: 1300px !important; }

@media (min-width: 992px) {// mobilde en fazla genişlik boyutu
body[data-layout-mode="detached"] .footer {

position: inherit;
margin: 0 10px; } }