Ignet Studiogreetings,
how should I set body background that is not visible on desktop? [HTML version]
guess I should add CSS code {background: #226699;} into template.css or template-responsive.css – but where (which line)?
kind regards,
Ignet
DominicTo resolve this issue, you can add the following code to the style.css file:
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body {
background: #226699 !important;
}
}If you still face there issue, you can send me your site for further checking.
Hope this helps !
no effect (other px values didn’t worked too).
URL: http://ignet.com.pl/
on mobile devices body background image is scaled (it looks awful).
maybe I should change somehow – to fix it – 6th line of index.html:
<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” name=”viewport” />
can You help me with this issue?
DominicPlease tell me detail about the position that you want to change background color, you can send me a screenshot for further checking.
please take a look at this screenshot (taken from Chrome, HP Slatebook x2): http://postimg.org/image/mdmypu127/ (red arrows are pointing what’s wrong)
I would like to have background body image
body {
background: url(../img/ignet-bg-top.jpg)
that fits to size screen (on mobile devices) or to change this image with some colour (f.e. #226699).
Thank you for additional info 🙂 Ohm, that’s very difficult to track the issue related to HP Slatebook x2 you mentioned above ( we don’t have enough devices to test, unfortunately 🙁 , however, we also checked the site on our own mobile, laptop and desktop devices, all work fine without any problems. Plz check again on other devices and let us know if it exists. Regarding using the background image, on the mobile, not easy to show a full image on the mobile. If you have any ideas to resolve this, plz let us know 🙂
Please login or Register to submit your answer