How can i center the three menu's nice?

[flaner]

How can i center the collections and about nice next to the shop button?

[micheal5253]

.menu {
display: flex;
justify-content: center; /* Centers the menu items */
padding: 10px; /* Optional: Adds padding */
}

.menu ul {
list-style-type: none; /* Removes default list styles */
padding: 0; /* Removes padding from the list */
margin: 0; /* Removes margin from the list */
display: flex; /* Displays list items in a row */
}

.menu li {
margin: 0 15px; /* Adjusts space between menu items */
}

[thescriptflow · Accepted solution]

In order to center it paste the followinf code in the end of base.css file.

summary.list-menu__item {
     padding-right: 1.2rem !important; 
}

After that you will get this result.

[flaner]

Hi there! It worked, thank you!