March 23, 201610 yr HelloI have been making themein WordPress using the JetPack plugin and the Full Background Manage plugin. Don't think this problem is down to the JetPack though. Problem: Have got different Backgound images on all pages.The image is cented with background: cover; and works in google chrome developer tool set at all mobiles sizes but when load on Galexy S3 and S6 the image dose not cover and the height is not filling the page. Link: http://test.antoinettekaruna.com/test/ Click on mobile site like if loaded full site Code part,1: From Full Background Manager Plugin in <Head> cant edit it . <style type="text/css" id="custom-background-css"> body.custom-background { background-image:url(path.name.jpg.); background-repeat:no-repeat; background-position:top left; background-attachment:fixed } </style> Code Part,2: this is my custom CSS (JetPeck Custom CSS) has got messy because iv been playing around a lot SORRY. body.custom-background { background-position: center top; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; } @media screen and (max-width: 1024px) { body.custom-background { min-height: auto; overflow-x: hidden; } } Thanks and sorry for it being a mess but have tried a lot and cant get my head over it. Thanks Edited March 23, 201610 yr by PumpkinHead
March 31, 201610 yr Try adding the following in to your code as Android can have issues with background size -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
Create an account or sign in to comment