Background Image Resizing Issue
Permalink Browser Info Environment
Hello,
I am having a very difficult time with the automatic resizing of the background image, so I need some help in the area of design vs. technical code.
To view the problem in question, please see:http://www.wraptyteent.com
The background is nothing more than a couple of layers that were put together in Photoshop. However, as you can see the main focal point are the images in the upper right hand corner / right edge of the screen. The backgrounds display perfectly on 27" monitor at 1920 x 1080 but on other monitor sizes / resolutions the automatic resizing causes a lot of alignment and clipping issues, so the design becomes inconsistent and ugly.
What is the solution? Is there a particular dimension that I should use when creating background images that will prevent this from happening, or is there something additional to add to the jQuery backstretch code to prevent that?
Please let me know, and thank you in advance.
I am having a very difficult time with the automatic resizing of the background image, so I need some help in the area of design vs. technical code.
To view the problem in question, please see:http://www.wraptyteent.com
The background is nothing more than a couple of layers that were put together in Photoshop. However, as you can see the main focal point are the images in the upper right hand corner / right edge of the screen. The backgrounds display perfectly on 27" monitor at 1920 x 1080 but on other monitor sizes / resolutions the automatic resizing causes a lot of alignment and clipping issues, so the design becomes inconsistent and ugly.
What is the solution? Is there a particular dimension that I should use when creating background images that will prevent this from happening, or is there something additional to add to the jQuery backstretch code to prevent that?
Please let me know, and thank you in advance.
Type: | Discussion |
---|---|
Status: | New |
https://github.com/srobbin/jquery-backstretch#readme...
So on line 21 of the theme's header.php file (theme_clearivew/themes/clearview/elements/header.php) try adding something like this after speed: 750: , centeredX: false