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:

http://pastebin.com/jwnwpxyf

and screenshot of problem can seen here:

http://imgur.com/zpycfnh

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

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -