@chrisb said in How to add global background image? (Desktop and Mobile):
/* Smartphones */
@media (min-width:320px) {
body {
font-family: "Courier New", Courier, monospace;
color: #ffffff;
background-color: rgba(0,0,0,0);
}
html {
background: url(https://9854.moe/assets/uploads/system/background.png) no-repeat center center fixed;
background-size: cover;
background-color: #000;
}
}
/* Desktop */
@media (min-width:1281px) {
body {
font-family: "Courier New", Courier, monospace;
color: #ffffff;
background: url(https://9854.moe/assets/uploads/system/background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
Thanks that worked! Didn't fix the issue in safari mobile but that seems to be a bit more complicated but it does work on other mobile browsers
