Moving and centering menu under logo in Spotlight theme

[SM2020]

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?

[Made4uo-Ribe]

Hi @SM2020 

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

[PageFly-Henry]

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