1. Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 30 May 2014
  5.  Subscribe via email
Hi,
On computer the layout looks good, background image is in the correct position, but on Ipad it looks like the image is not resizing as you can't see the left side of the image.

http://miragev.com/2014/index.php
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Pappy

The background uses the 'background-size:cover' property which can act differently to what you may expect on some mobile devices. You could try adding the following to the Custom CSS field of your templates parameters which will disbale this property on mobile devices..

@media only screen and (max-width: 1024px) {
#body_bg, #container_header {
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto !important;
background-size: auto !important;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
The image is actually going off the left of the screen, as it looks like it is scaling from the center of the photo.
I have my images "left justified" so I need the background image to start from the left side.

Is this possible?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Maybe try adding something like the following to your Custom CSS field to align your image from the left..


#body_bg {
background-position: 0 0;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect.
I just needed to adjust a couple of the images, but works just like I want.

Thank you very much.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!