Ücretsiz Wordpress Robolist Lite temasını kurdum.
Link: https://tr.wordpress.org/themes/robolist-lite/
Demo: https://demo.codethemes.co/robolist-lite/
Her şey güzel hoş. Fakat telefonumdan girdiğimde banner resmi kayıyor. Halbuki Google Chrome'dan responsive testi yaptığımda böyle bir şey yok.
Benim telefondan mı kaynaklanıyor anlayamadım veya css hatası mı var?
Öncelikel telefonunuzdan https://demo.codethemes.co/robolist-lite/ adresine girip kontrol eder misiniz?
Kayma:
.banner-wrapper {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: left;
outline: 0;
height: 750px;
width: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
background-attachment: fixed; }@media only screen and (max-width: 550px) {
.show-mobile {
display: none; }
.banner-wrapper .banner-text-wrap h2 {
font-size: 32px;
margin-bottom: 4px; }
.banner-wrapper {
height: 500px;
width: 100%;
display: block;
padding-top: 37%; }
.banner-wrapper .banner-text-wrap p {
margin-bottom: 10px; }
.rl-single-meta {
margin: 0;
margin-top: 20px; } }
@media only screen and (max-width: 480px) {
.show-mobile .navbar-nav {
margin: 0 0 1.5em 3em; }
.navbar-header {
float: none; }
.banner-wrapper .banner-text-wrap {
padding: 0 15px; } }
@media screen and (max-width: 600px) {
.logged-in .nav-wrapper.stick-me.sticking {
top: 0 !important; } } 