Moving and centering menu under logo in Spotlight theme

Shopify Discussion
1

Hi friends! I am trying to move my menu under my logo and cant seem to figure out how. I’ve set my logo settings to middle center, but I do not see any place settings for the menu. Anyone happen to know how I can accomplish this?

Menu Settings.png
Menu Settings.png2588×662 116 KB

1 Like
2

Hi @SM2020

Can I check? Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Hi @SM2020

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

header.header.header–middle-left.header–mobile-center.page-width {

display: flex !important;

flex-direction: column;

align-items: center;

align-content: space-around;

flex-wrap: wrap;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly