How can I arrange my menu items into two lines?

[IntechCarl]

Hi everyone,

I have added some items in my menu, but the problem is they overlap into 2 lines, so now I'm thinking to make it into 2 lines with equal qty of items per line. Please help!

Store URL: thecleanroom.net

See the photo for reference:

[Markit-Themes]

Hi,

Go to Online Stores -> Themes -> Customize -> Theme Settings -> Custom CSS and add below code:

.header__inline-menu {
max-width: 720px;
}

Regards,

Emirates7

[IntechCarl]

Thank you so much!

[Developer1481]

It is not working in my case.

[IntechCarl]

@Developer1481 Try adding these codes to your collection list css codes:
@media screen and (max-width: 749px) {
.collection-list .collection-list__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
}