Archived topic
Dot between menu items (- new)
3 replies · Started by katia on April 8, 2022
Viewing posts 1–4 of 4
I would like to have a dot beside the label of current page menu item...what is the right CSS?
Thank you :)
Hi Katia,
Give this CSS a try:
.current-menu-item > a:before {
content: '.';
line-height: 0;
font-size: 5em;
position: absolute;
left: 60px;
top: 4px;
}Feel free to adjust the value of left/top/font-size
Thank you Ying!
I used the CSS lines you suggested - they work perfecly - only replacing '.' with '\25CF' because I wanted a rounded dot :)
You are welcome :)
This archived topic is closed to new replies.
