add a div to the CSS Menu Item list item

Farah El Agha asked on November 23, 2017 12:20

Hello, I want to add a div after each list item in the main menu to show an arrow under each item, can I do so if I am using a CSS list menu in displaying the main menu? and if yes where can I edit the li to add <div class="arrow"></div> ? if no, do you have any other solutions?

Correct Answer

Peter Mogilnitski answered on November 23, 2017 15:49

You should read Best Practices for Implementing Site Navigation in Kentico.

Kentico recomends to use Repeater or Basic Repeater web parts for creating site menus with structure that‘s just one level deep. In general, this gives you great flexibility when compared to CSS List menu – you can adjust the rendered HTML markup according your needs in a transformation.

1 votesVote for this answer Unmark Correct answer

Recent Answers

Suneel Jhangiani answered on November 23, 2017 14:01

Farah, look at using one off the repeater controls, instead of the menu controls, since that will allow you to customize exactly what html code is output.

0 votesVote for this answer Mark as a Correct answer

Farah El Agha answered on November 27, 2017 08:46 (last edited on November 27, 2017 09:56)

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.