I created a hook in GP Elements so I could have a custom “top bar” across my entire site except the home page.
HOOK —
<div> <p style="text-align: right; padding-top:15px; padding-right:30px; padding-bottom:12px;font-size: 14px; font-weight: bold;">[button href="https://soew.org/student-registration-form/" style="flat" size="medium" color="#BA0808" hovercolor="910505" textcolor="#ffffff" texthovercolor="#ffffff" icon="calendar"]REGISTER[/button][button href="https://www.flipcause.com/secure/cause_pdetails/MTM4NDk3" style="flat" size="300px" color="#1eafbc" hovercolor="#00939b" textcolor="#ffffff" texthovercolor="#ffffff" icon="heart"]DONATE[/button][button href="9514763187" style="flat" size="300px" color="#1eafbc" hovercolor="#00939b" textcolor="#ffffff" texthovercolor="#ffffff" icon="phone"][/button]</p></div>
All of the web pages (excluding home page) have the phone icon displaying on the far right button, however for some reason the phone icon automatically flips the other direction on the CONTACT page. Why is this happening? I would like to make it not flip.
It seems like fa-flip class is applied somewhere, but I have nothing in CSS.