parallax image full width 100%

Shapely
1

Is it possible to display the images in the parallax section with ‘width:100%’ ?
The problem is that on mobile the image is displaying the center of the image but I need to display the whole width. Height is less important in this case.

2

Hi @konstantinweixelbaum,

I hope you are well today and thank you for your question.

Please see the already posted reply regarding this question on the following topic.

https://colorlibsupport.com/t/hero-image-not-proper-on-mobile/

For your site the CSS code will be like following.

@media (max-width: 760px){
#shapely_home_parallax-11 .parallax-window.fullscreen {
    background: url("http://nvotb.de/wp-content/uploads/2016/07/NVOTB1klein-min.jpg") no-repeat #fff;
    background-size: 100%;
    height: 69vh;
}

#shapely_home_parallax-11 .parallax-window.fullscreen .align-transform{
  top: 25%;
}
#shapely_home_parallax-11 .cover.fullscreen{
  height: auto !important;
}
}

Best Regards,
Movin