Animated SVG Waves as Section Dividers in Divi: Step-by-step Guide

[@faizals8781]

Thank You! 🥰

[@tomgrow]

I always enjoy your awesome Divi tutorials. Thank you and please keep them coming! 🙂

[@aniaromanskacom]

Thank you! Will do!

[@admirrosa8352]

Congratulations, perfect and complete!
An amazing year for you and family!

[@alexchiuac88]

Hi Ania, I'm so amazed how you always manage to come up with brilliant and fantastic design ideas to teach, never disappoint, thank you so much! P.s you r certainly the most beautiful Divi instructor on youtube! 🌹😍

[@aniaromanskacom]

Thanks so much 😊

[@Manuel-j1n]

Amazing tutorial - thanks! Some browsers add horizontal scrollbars while the element is animated. I had to add overflow:hidden; to the main element css of the section.

[@aniaromanskacom]

Great tip! Thanks for sharing! :-)

[@zachhorsman2063]

Hi Ania, great tutorial! I just thought I should point out that I was having issues getting the duplicated code module to show so there was empty space after the first wave. I had followed everything in your tutorial so I wasn't sure what the issue was, so I imported the hero section layout you provide with these wave dividers added to them. Your layout that I imported worked perfectly. I went thru all the row and module settings and it turns out the duplicated code module requires a width of 100% which is not stated anywhere. Thanks again for putting this together

[@aniaromanskacom]

Thank you for sharing!