athletex menu style

1) how is the delimitation of the menu blocks made? a regular border between containers?
2) how can I make the same labels (new, sale)? my labels are inconveniently located, I tried to make them indents with sss and so on, but it didn’t work

Attachments:

You must be logged in to view attached files.

Hello,

1. If you want increase the gap between the menu items, use the default gap option – https://prnt.sc/zQ_5bLocpCA2

2. In general, it’s possible but I cannot guarantee that it will work well with the long text. So you need to edit the HTML BLOCK with that menu and define some custom CSS class in order to apply the CSS to that specific area: https://prnt.sc/Z7BM0YoqODYt

Then define the below code in Theme Settings -> Custom CSS:

.custom-class .wd-sub-menu li>a .menu-label {
    position: unset;
    margin-top: 0; 
    align-self: unset;
}

.custom-class .menu-label {
    margin-inline-start: 5px;
}

.custom-class .menu-label:before {
    content: none;
}

The result should be similar to this: https://prnt.sc/CUMs68My_lBc

Thank you for your time.

Kind Regards

[Author]

Posts