Need help removing the arrow on my drop down menu!

Hi DTjai,

the arrow is being called in your layout.css:

#header #navigation ul.nav > li.parent a:after {
    font-family: 'WebSymbolsRegular';
    display: inline-block;
    font-size: .857em;
    margin-left: .618em;
    content: ";";
    color: #e3dad7;
    font-weight: normal;
  }

Does your theme offer custom css? If so, you can copy & paste the code lines above and get rid of the content: ";"; part or set it to content: ""; .

If you’re using your own theme or a child theme, you could enter this in your respective style.css. However if you’re using a theme that gets updated by other people, you should keep in mind that those changes can be overwritten with the next theme update.

Hope this is of help?

Best regards
Ronny.

Hello Ronny,

Thank you for answering!
Unfortunately it did not work, i have tried to remove the ; or just upright remove all of content line and it still shows up.
I currently have put it in my custom css from my theme.

Do you know why this didnt work?

Ok, it still gets its content: ";"; from the layout.css.
Let’s try it with the not-my-favorite !important-method to see if it works. Just copy & paste the following lines in your custom css:

#header #navigation ul.nav > li.parent a:after {
    content: "" !important;
  }

Regards,
Ronny.