Arrow - Top Navigation Dropdown

[crosstownalliance]

Hello!

Is it possible to get an arrow on your Dropdown like this? https://www.churchofthehighlands.com/

[nabeel]

Hi Gordon,

Thank you for reaching out to us. Yes you can do this with custom CSS, try adding the following code in the Theme Options > CSS:

.sub-menu.x-dropdown:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: calc(50% - 30px);
    z-index: 9999;
}

To learn more about CSS triangles please check out https://css-tricks.com/snippets/css/css-triangle/ Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!