Paralax image sizing

Support
#1

I can’t seem to figure out how to get my paralax image to display how I need it to. It appears very zoomed in unless I resize the window from the bottom. See my screen cast: https://screencast.com/t/m1j5plNF

I want the full image width to appear in the paralax section, like how it looks when I resized the window from the bottom in the screen cast.

Any way to do that?

#2

Hey there,

That is not possible. The parallax feature is dynamic and its display depends on the screen size so modifying it to fit on a specific screen size won’t work. If you have important information in your image, please don’t use it as a background. This could be possible to tweak with custom development but that would be outside the scope of our support. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

#3

It’s just not a very useable feature if it dramatically zooms in on the image. Is there some sizing guidelines that would help or something?

#4

Hi again,

You may try adding the following code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.x-section.bg-image.parallax {
    background-size: inherit !important;
}

Let us know how this goes!

#5

Using that code, the image gets cut off and shows the sites default background beneath it:
https://screencast.com/t/7djKiCyZ

#6

Hi there,

As my colleague mentioned in the first reply, whatever we do it will not have the full background due to the nature of the parallax and backgrounds.

Parallax and backgrounds are only for decorative purposes and in some screens, they may get cut, that is why you should not add informative images there.

Thank you for your understanding.