PLEASE HOW DO I MOVE MENU BELOW THE LOGO IN THE TRADE THEME.

[kaone]

Hello, I am trying to get my menu to be listed below my logo like the FENTY BEAUTY Website. If anyone can help please I would be forever grateful.

[KetanKumar]

@kaone 

Thank you for reaching out and posting this question!
Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Vinsinfo · Accepted solution]

@kaone Please follow below steps to move menu below the logo in the trade theme.

1. From admin, go to "Online Store" -> "Themes".

2. Click "Customize" button from the current theme.

3. Click header as mentioned in the below screenshot.

4. Select the option as "Top Center" in the desktop logo position dropdown as mentioned in the below screenshot.

5. Locate Custom CSS section and paste the below code as like the below screenshot to show the line between the logo and the menu as like the FENTY BEAUTY Website.

.header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
  border-top: 2px solid;
  width: 100%;
  text-align: center;
}

6. Click the save button.

7. It will look like below,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[kaone]

It did work now my question is i am using an app to create my mega menu and i dont want to loose that feature because the solution you gave worked only for the default menu. 

[kaone]

Oh nevermind it worked the right way. Thank you soo much!