How to fix strange spacing between menu items in ColorBlock theme?

Shopify Discussion
1

Using a code given here I was able to align my menu with my logo, but now the menu seems to be spaced strangely on desktop view. It’s broken up with a large space in the middle with menu items located on either side of it. I’m using ColorBlock theme.

It also seems to be attached to my logo and moves to wherever my logo is. Any ideas?

Thank you!

coteriecollective.myshopify.com

-teufra

2

Hey, @summer11

I’m not formally trained in code to provide you with an exact solution to align your menu with your logo. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price if you are unable to get coding suggestions here.

If there is anything else I can help you with, please let me know.

3

Hi @summer11 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

ul.list-menu.list-menu--inline > li:nth-child(3){
    margin: unset !important;
}
ul.list-menu.list-menu--inline > li:nth-child(4){
    margin: unset !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
4

Perfect, thank you!