Changing colours of the downward arrows in megamenu

dstaggs

Hi there,

I'm having trouble isolating the colour of the downward arrow on the dropdown for the megamenu.

Can you please advise what CSS selector I need to change this from green to primary?

Many thanks,
Dean

saguaros

Hi Dean,

It looks like the site URL you provided is incorrect. Could you please double-check it?

dstaggs

Hi Saguaros,

Thanks for looking into this.

Apologies, I've edited the site url I previously provided.

Any questions please just ask.

Thanks,
Dean

cssyeah

Hi @dstaggs,
Add below CSS rules to the Edit Custom CSS modal in the template back-end to change the arrow colors.

body div.t4-megamenu .dropdown .item-caret::before {
  border-top: 4px solid var(--mainnav-link-color);
}

body div.t4-megamenu .dropdown:hover .item-caret::before {
  border-top: 4px solid var(--mainnav-link-hover-color);
}

Save and reload your website to view the change.
Kind regards,

dstaggs

Hi cssyeah,

That's done the job - huge thanks for your help - much appreciated.

Kind regards,
Dean