Overlapping on Div Sections for Safari and Firefox

[henzeldesign]

Regarding this page:

https://www.kayerose.com/DEV2025/attorneys.html

There is overlap of the two classes used for “Law Firm Attorneys” and “Business and Professional Staff” when viewing on Safari and Firefox. It works as expected on Chrome.

Is there a preferred placement for the second section so that it won’t overlap the section above?

I placed a spacer div but it doesn’t seem to affect it.
<!– SAFARI-ONLY SPACER DIV (hidden on other browsers) –>
<div class=”safari-only py-5″></div>

Any suggestions?

---

Template Version: 12.1.0

[Support]

Hello, in that case you don’t need to use the “loader”, because it’s not using ajax.

So change the DIVs with classes:

FROM:

<div class="sort-destination-loader sort-destination-loader-showing">

To:

<div class="d-block">

---

[henzeldesign]

Great. This removed the overlap, however. the three loading dots appear on the center of the page constantly. Can you look and advise?

Thanks!

---

[Support]

Hi, you need to remove this element:

<div class="bounce-loader">
	<div class="bounce1"></div>
	<div class="bounce2"></div>
	<div class="bounce3"></div>
</div>

---

[henzeldesign]

Oh, yes. That makes sense. Thanks, again!

---

[Author]

Posts