Change Navigation menu from vertical to horizontal

Store Design
1

Currently our navigation is set vertically, I would like it to be along the top of our website instead. How would I do this? Our website is https://tokenjewelry.com/

2

/* Remove vertical list styles */
.horizontal-menu {
list-style: none;
padding: 0;
margin: 0;
}

/* Display list items horizontally */
.horizontal-menu li {
display: inline-block;
}

/* Add spacing between menu items */
.horizontal-menu li:not(:last-child) {
margin-right: 10px;
}

3

By horizontally, do you mean that you would like the individual links to sit on top?

4

Hello @paigetoken ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → Add this following code at the bottom of page

/* Change navigation menu from vertical to horizontal */
.site-nav__link {
  display: inline-block;
  margin-right: 10px; /* Adjust the margin between menu items as desired */
}

Save changes

Hope this can help.

Ali Reviews team.