[Resolved] Add labels to Menu items moved up

[ahmad]

Hello I would like to add a label to a menu
I have successfully created it but it just appears next to the menu item
but I would like it to be indented upwards like the image below

https://pasteboard.co/UM79X9msPQYy.png

[David]

Hi there,

can you share a link to your site so I can see the label ?

[ahmad]

sure thing here is it

https://ahmadmerheb.com/

[David]

As you have the CSS already written then update to include a position: relative and a negative top value ie.

.blog-menu-label a > span {
    margin-left: 0.5em;
    padding: 3px;
    background-color: #FF0000;
    border-radius: 3px;
    font-size: 9px;
    color: white;
    position: relative;
    top: -15px;
}

[ahmad]

Thanks David that solved it

[David]

You’re welcome

[Author]

Posts