Ignet Studio
asked 5 years ago

greetings,
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

4 Answers
DominicStaff
answered 5 years ago

To 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 !

Ignet Studio
answered 5 years ago

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?

Dominic Staff
replied 5 years ago

Please tell me detail about the position that you want to change background color, you can send me a screenshot for further checking.

Ignet Studio
answered 5 years ago

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).
 

DominicStaff
answered 5 years ago

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 🙂

Powered by DW Question & Answer Pro