Drop down arrows not showing on Menu

[presharcy]

Hi,

May you please hep me with the below. Can i get my menu to show dropdown arrows instead of highlighting there to see that there is a drop down? This is my preview link. Shop High Quality PLUS SIZE Dresses Online IN SOUTH AFRICA – WardrobeNThings Thank you.

[tim_1]

Try the following code in the Customize=> Theme Settings(cog icon)=> Custom CSS:

nav .menu-item-has-children > a:after {
  content: ">";
  transform: rotate(90deg);
  display: inline-block;
  margin-left:5px;
  font-weight:normal;
}
nav .menu-item-has-children > a.selected:after {
  transform: rotate(270deg);
}

---

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it

[presharcy]

@tim_1

nav .menu-item-has-children > a:after {
  content: ">";
  transform: rotate(90deg);
  display: inline-block;
  margin-left:5px;
  font-weight:normal;
}
nav .menu-item-has-children > a.selected:after {
  transform: rotate(270deg);
}

Hi,

It is not working.

[Michkyy]

Do you need someone to come in and aid you?

[presharcy]

not anymore. i ended up applying to the framework css file. Thank you.

[tim_1]

Ah, yes, sorry.
“Custom CSS” does not accept content: XXX properties.

Always forgetting about that.

So either add to your stylesheet, or, if you want to avoid theme code edits, can add in a "Custom liquid’ section, wrapped with <style> and </style> tags.