add arrows is multiple dropdown menus

Hi there,

I’m using the dazzling theme and somehow i manage to implement multiple dropdowns. Everything is working fine, but the arrow that signalize that there is sub menu is showing only at level one. How should i fix this? I believe is something with the css, but i cant find the class that is responsible for it.

Thank you!

Hi @farkol,

I hope you are well today and thank you for your question.

To display the arrow on all sub menus try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

.navbar-nav li li.dropdown > a:after{
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;

If the above code doesn’t help you then could you please share your site URL where you are displaying multiple sub menus so that i can help you to achieve it?

Best Regards,

It worked!


You are always welcome here :slight_smile: