Need "Shape Dividers" to disappear in mobile view ports

Question

Great product! So many options luv that. Weeding my way through... please tell me there's code I can use to make the shape divider "valley" disappear on my header image when user viewport goes mobile? Problem is, at smaller screen sizes, it overlays the majority of the image (owl carousel) thus making it useless real estate. (See attached screenshot). I though about changing the fill color to rgba so I can change the transparency overall, maybe? Or maybe the height of it ugh but I really do lik…

SemiColonWeb · Accepted Answer

Hello,

Thanks so much for the Kind Words! :)

You can simply use the Bootstrap's Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/ on the .shape-divider Element to Hide them on Mobile Devices. Example:
[ch_pre][/ch_pre]
Unfortunately, this is currently not supported and Carousel is displayed as soon as the Images are loaded, ready and the Carousel is initialized. Nonetheless, we are definitely aware of this and will release an Update once a better solution for this is available.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

freakinbanana · Answer

Additionally, cant figure out how to have just the initial "owl carousel" image fade in. A subtle yet quick feel. When the page loads the image looks plopped lol like it was forgotten. Thanks again!