FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add ios specific css for fixing the background images

Browse source
This commit is contained in:
as027811 2020-10-21 01:59:53 -04:00
parent 5d165e10c4
commit b97e8aae91
1 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/assets/css/sections/home.css
View file

@ -18,6 +18,19 @@
background-size: cover; background-size: cover;
} }
/*
Resolves https://github.com/hossainemruz/toha/issues/70
fixed attached images use the whole <body> size. On mobile this can get really
tall which blows your image out. Setting the attachment back to scroll allows
your cover image to stretch within its own container
*/
@supports (-webkit-touch-callout: none) {
.background {
background-attachment: scroll;
}
}
.content { .content {
position: relative; position: relative;
top: -65%; top: -65%;