css - Mobile page being cut off at the top -
i created , hosted jekyll website on github-pages using html5 alpha theme found on "html5up.net/alpha"
for reason, pages being cut off @ top on mobile only. i've gone through mobile css have been unable locate issues.
the site mobile css can viewed here:
and screenshot of problem can seen here:
your background image of banner getting smaller mob device maintain ratio, because of #main
cutting top has margin-top:-26em
desktop, same applies on mob too.
to fix have change margin mob devices. try below css.
@media (max-width: 640px) { body #main { margin-top: -8em; } }
Comments
Post a Comment