Фоновое изображение не отображается полностью в планшете

Question

Мое фоновое изображение отображается только внутри блоков контента (скриншот). К вашему сведению, у меня есть небольшая анимация (fadeIn) для контента, но ничего особенного, кроме этого.

вот мой css:

.template_home { 
background: url("../Images/bg_home.jpg") no-repeat top center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
min-width: 100%;
min-height: 100%; 
color: #292a2c;
position: relative; 
overflow: hidden; 
}

Есть идеи, как это исправить?!

Answer 1

попробуйте удалить

overflow: hidden;

смотрите эти уроки, которые вам помогут

https://css -tricks.com / совершенное полностраничное-фоновое изображение /

Answer 2

Попробуйте использовать

height: 100%
margin: 0 auto;
background-position: center;