Tagged: content, header, responsive
Hi guys, i am havinng an issue whe accesing the site via smartphones and tablets.
There are to much space below the header. Iam using transparent header, an adding white space so the menu and header dont overlap the content, but in the mobile version there apear as a lot of empty space.
How can i fix that? Here are some screenshots, http://abolengo.com.ar/wp-content/uploads/2014/06/Screenshot_2014-06-16-19-07-28.png
http://abolengo.com.ar/wp-content/uploads/2014/06/Screenshot_2014-06-16-19-07-28-1.png
and below credentials, just in case
thanks
Hey smorrone!
Thank you for using the theme!
Do you want to move the main container upwards to maintain the transparent effect? You can add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 0 !important;
margin-top: -82px;
}
}
Regards,
Ismael
Thanks Ismael, i have to take this value margin-top: -82px to -180, but works great!
Solved!
Thanks