-
Posts
-
Dear Support Team
I am currently working on a test page for a customer’s homepage.
I have an element of 3 boxes that should slide over the element in front of it.
I have just tried this on two different pages:
Page 1: https://gerlindemichel.osmosis.de/ > here the 3 box element appears below the video section and slides correctly over the video element when it is pulled down (see screenshot > https://osmosis.de/support/gm/korrekt.pngPage 2: https://gerlindemichel.osmosis.de/home-white/ > here this 3 box element is placed a little further down (below the masonry gallery with the 3 profile pictures) and should slide over the masonry gallery when scrolling down – but it does not. here it disappears under the pictures (see screenshot >https://osmosis.de/support/gm/falsch.png
What can I do so that on the second page mentioned, the 3 boxes also move over the picture element?
many thanks and best regards, Diana
Hey Diana,
Thank you for the link to your site, the masonry element needs to have a lower z-index, so I added the custom class zindexzero to the masonry element and then added this css:.zindexzero { z-index: 0; }now the boxes are over the masonry element
Please clear your browser cache and check.Best regards,
MikeMany thanks Mike. The inserted script is perfect.
I have another question regarding this website: I have a section “faq” with two diagonal margins: see https://gerlindemichel.osmosis.de/home-white/#faq
There is a background image in the section. The background image is not cut diagonally at the top: see screenshot: https://osmosis.de/support/gm/top.png
At the bottom margin, however, it works perfectly: https://osmosis.de/support/gm/bottom.png
What do I have to do so that the background image also appears in the diagonal section at the top margin?
Best regards DianaHi,
Glad that the css above worked, but I notice that now the three boxes cover the masonry images so they are not seen, did you add another element or some negative margin?
You may wish to look.Best regards,
Mikei recommend to use now the svg dividers – instead of the slanted option for the color sections.
the slanted option is only available for bottom styling.
The svg dividers you can set both top and bottom for the same color-section
_________for that behavior the parallax settings are set on the last tab (advanced) of the elements (columns)
I recommend not to set the first option (Parallax – default setting – used for all screen sizes (no media query)) and start with the next two options on Parallax Rules. ( And for the Column Position this is the same recommendation.)
Parallax – for large screens (wider than 990px – Desktop)
Parallax – for medium sized screens (between 768px and 989px – eg: Tablet Landscape)for mobile devices with narrow screen widths, it often makes no sense to set a parallax effect, as you hardly notice the background anyway.
Parallax – for small screens (between 480px and 767px – eg: Tablet Portrait)
Parallax – for very small screens (smaller than 479px – eg: Smartphone Portrait)
- You must be logged in to reply to this topic.