menu arrows appear as squares

Home › Forums › Total › menu arrows appear as squares

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2022 at 7:24 am #44066
    mattsilbert
    Participant

    Instead of triangles, the indicator for drop-down menu choices appears as a square (on Chrome and Safari) or odd text element (on Fairefox)

    Any suggestions on how to remedy that?

    You can observe the issue here:

    Home

    Thanks!

    January 18, 2022 at 4:54 pm #44078
    Hash
    Keymaster

    Hi,

    Go to Appearance > Customize > Additional CSS and paste the below CSS code

    body .sf-arrows .sf-with-ul:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid black;
    right: 5px;
    content: "";
    top: 50%;
    }

    February 3, 2022 at 2:23 am #44567
    mattsilbert
    Participant

    Worked perfectly. Thank you, thank you, thank you!!

    January 12, 2024 at 11:27 am #51812
    Anonymous
    Inactive

    I was facing the same issue and lad solved the problem. Thanks for sharing the quality stuff here.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Scroll Top
Scroll Bottom