Docs

[micahcarp11]

Alright so I’m using your super cool side bar but it seems that when the screen is in cornerstone customize mode one of my backgrounds (the Oakley one) is perfect. Then when I minimize the custom bar and have the website in full screen mode my background gets stretched into the side bar. If you could check out what I’m talking about and let me know what I should do that would be awesome. You guys are great!

Thanks ahead of time,
Micah Carpenter II

http://www.vuttsunglasses.com/demo-home-2

[Lely]

Hello Micah,

I did check your site and I can see the issue. Unfortunately, this is a CSS limitation. Please note that you have fixed left sidebar. The sidebar is there no matter what the content on the right. Then you have a boxed layout with a section with a parallax background. When parallax is on, background image is set to be fixed. See this:http://www.w3schools.com/cssref/pr_background-attachment.asp. And fixed position means the background is fixed with regard to the viewport. Which means it is fixed for the entire viewport/ or entire browser. That’s why the oakley image seems stretched behind the left sidebar. If you really have to use the same image, what we can recommend is turn of parallax so it can be normal background image. With that we can center the background. Thank you for understanding.

Hope this helps.

[micahcarp11]

Alright awesome so how would I go about centering the image?

[Friech]

Hi There,

You can add background-position: center; on the STYLE field of that section. But it seems you remove the Image as a background and place it as an Image.

Thanks.

[Author]

Posts