• Posted by Uong Jowo
  • February 17, 2019
  • 7 Comments
A blog or website background image not working on actual mobile devices.
Use css below

1. Left background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size:350% auto;
}
}
Left background


2. Center background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size:350% auto;
}
}
Center background

2. Right background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
background-size:350% auto;
}
}
Right background
«
Next
Newer Post
»
Prev
Older Post

7 komentar:

  1. This is unrelated to the post but I just wanted to know what can I use to make my blog title like your what site did you go to to create it or what can I do to get my titles blog name custom like yours?!

    ReplyDelete
  2. please send me blogger templates info.kmngh@gmail.com

    ReplyDelete
  3. Get customized printing for your business done in a few minutes for the best price from Inkmonk.

    ReplyDelete
  4. hi sir, in the bloggrid template how to display a single image of the article in the homepage instead of multiple images (because when article contain multiples image they all show in home page). and also how to display the main ad on mobiles.. and how to display image of video instead of video player on home page.. thank you very much in advance.. (my gmail is : hasimtarst@gmail.com )

    ReplyDelete

if you want a template from me ? make sure that you entered your email address !