Skip to Content (Press Enter)
2025-11-18 12-43-07
Mariana Junges
Champion
230Views
3Comments
Solved
Custom side menu
Question
CSS

Hi community,

I'm looking for a way to build a specific side menu for an application. The functionality would be as such: a narrow bar is always visible on the left with icons. On hover, it expands out to show the full menu options with text, as depicted below.

0
0
10 Mar 2022
Copy Link
2021-09-30 18-38-59
Nuno Ricardo Rodrigues
Solution

Hello Mariana Junges,

Just with CSS you can achieve this:

https://codepen.io/nunorodrigues/pen/yLpBMxg

Hope it helps,

Nuno R

0
0
11 Mar 2022
Copy Link
2025-11-18 12-43-07
Mariana Junges
Champion

Thanks, I found the image on another discussion here, but there was no solution to the question!

0
0
11 Mar 2022
Copy Link
UserImage.jpg
Angeline Lau

Hi,

I used this for the CSS but it does not work under the standard reactive menu web block. Can you kindly let me know how you managed to overwrite with this CSS?

0
0
08 Oct 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.