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.

Type: Discussion
Status: New
jhays
View Replies:
c5mix replied on at Permalink Reply
c5mix
You can try messing around with the centeredX and/or centeredY options and see if that helps.
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
jhays replied on at Permalink Reply
jhays
Cool. Thank you for the answer and I will definitely give that a try. I appreciate it.
c5mix replied on at Permalink Reply
c5mix
no problem!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.