I am having an issue when using separators on a section. For some reason, if I use a bottom separator on a section, it doesn’t add the separator to the bottom of the section but it adds the separator to the bottom of the page.
Step-by-step reproduction instructions:
Create a new page
Open the Post Editor/Site Editor for that page
Create a new section
In the section design tab, go down to the “Effects” and then click “Separators”
Create a bottom separator
Save and publish the page then visit the page in your browser and you will see that the separator is applied to the bottom of the page instead of to the bottom of the section
I fixed it with relative positioning on the section - I just thought perhaps that would have been done automatically when applying the separator to the section.
Applying styling automatically based on other settings wouldn’t make sense to be honest.
It’s raw CSS, so you need to take care of it.
The separators are positioned absolute, so it’s required to add a relative position to the parent.
I just had this happen when I was trying to put a bottom separator on the first div on my page - when I added a second div the separator disappeared. Very frustrating and counter-intuitive for a non-developer.