Make parallax photo show more of photo in 480px and smaller

[RocktheHouse1876]

Hello there,

Looking for a solution to make a parallax photo show more of photo in 480px and smaller mode.

For instance, on the page in need of help in phone screen mode, because the photo displays so large it shows really only the desk, whereas the emphasis needs to be on the selling product (the window). If we could shrink the image some, to see more of the photo for this screen size would be amazing!

[paul.r]

Hi @RocktheHouse1876,

You can try adding a class to your column element(the one that has the background)

Then add this in Cornerstone > CSS

@media(max-width:480px) {
.my-column .x-bg-layer-lower-image  {
    background-position: 10% 10% !important;
    background-size: 150%!important;
}
}

You may change 150% and 10% to adjust

Thanks