I’m quite new with using BSS and I used one of the templates which I plan to customize.
I see parallax effect right at the beginning and while in edit mode, the window is quite short (height).
But when I preview, I see that there is quite large gap between parallax window and next section - lot of unused space.
Can you please advise how can I minimize (resize the height) of the parallax window?
I see width in options but not height.
The Parallax window gets its height from the size of the images inside the div, reducing the size of the div results in the images drawing over your content below.
Using just this themes custom components I found no easy way to get the result you wanted. There could possibly be a method to get the result, however I only gave this a quick look over.
Thank you @catkin for a quick and helpful response.
When I modified div that include pictures, it did what you said and I actually like the overlap effect with another element.
It looks great in desktop mode, but still has plenty of unused space when I reduce width of the browser (simulating mobile view).
Is there a way of setting div to different height for certain resolutions?