# Submenus on click, with arrow, and with rounded corner background

**URL:** <https://community.sitejet.io/t/submenus-on-click-with-arrow-and-with-rounded-corner-background/5228>\
**Category:** cPanel\
**Created:** [October 3, 2025, 2:23pm UTC](https://community.sitejet.io/t/submenus-on-click-with-arrow-and-with-rounded-corner-background/5228 "2025-10-03T14:23:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adrien\_Uriel](https://avatars.discourse-cdn.com/v4/letter/a/7ab992/32.png) [@Adrien\_Uriel](https://community.sitejet.io/u/Adrien_Uriel)\
**Post date:** [October 3, 2025, 2:23pm UTC](https://community.sitejet.io/t/submenus-on-click-with-arrow-and-with-rounded-corner-background/5228/1 "2025-10-03T14:23:14Z")

</div>

Hello everyone,

I need help creating attractive submenus on my website.

I would like three things:

- an arrow pointing down next to the menu title;
- the menu to expand when clicked, not when hovered over;
- rounded corners on the edges of the submenu background.

As a bonus, I would like the background of the submenu item to be darker when hovered over, if possible.

You can see the expected result in image below :

 ![Capture d'écran 2025-10-03 143909](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/c/cb7abc7ab1fc9e9da8708adcd0bbae1be8b9b52c.png)

Does anyone know how I can do this?

Thank you in advance!

Adrien

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [October 6, 2025, 7:15am UTC](https://community.sitejet.io/t/submenus-on-click-with-arrow-and-with-rounded-corner-background/5228/2 "2025-10-06T07:15:20Z")

</div>

@zachary @Imre_Fekete @Lucian_Dinu would you guys like to help? 🙂

---

<div class="post-metadata">

**Author:** ![Marcilis\_Mar](https://avatars.discourse-cdn.com/v4/letter/m/c67d28/32.png) [@Marcilis\_Mar](https://community.sitejet.io/u/Marcilis_Mar)\
**Post date:** [January 9, 2026, 12:14pm UTC](https://community.sitejet.io/t/submenus-on-click-with-arrow-and-with-rounded-corner-background/5228/3 "2026-01-09T12:14:21Z")

</div>

I would also like to know how to do it. Can someone help me, please?