How can I improve the aesthetics of my navigation dropdown menu text position?

[kitchencrafted]

Hello, guys! How can I fix the navigation dropdown menu text position to be more aesthetically pleasing like the one on the picture below? My website: https://fddd3f.myshopify.com/?ose=false Password: asd321

How I want it to be

How my current menu looks

[developerSP]

Hello @kitchencrafted
please add this css Asset > base.css and paste this at the bottom of the file:-

.mega-menu .mega-menu__list--condensed {
display: flex;
gap: 0.8rem 1rem;
}
.mega-menu__list--condensed .mega-menu__link {
font-weight: bold;
font-size: 10px;
}

[kitchencrafted]

Hello! Thank you for your solution, it worked. However, can I make the text bold and also the space between the collections a bit more? Thanks in advance!

[kitchencrafted]

Also, it doesn’t appear the same on the women collection. Could you somehow fix it?

[developerSP]

Hello @kitchencrafted
please add this css Asset > base.css and paste this at the bottom of the file:-

.mega-menu__list--condensed .mega-menu__link {
    font-weight: blod;
    font-weight: 700;
    font-size: 12px;
}
.mega-menu .mega-menu__list--condensed {
    display: flex;
    flex-wrap: wrap;
}