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

Store Design
, , ,
1

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.

1 Like
2

@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! :blush:
Thanks for your good question.

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

3

@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.

Vinsinfo_0-1723786578355.png
Vinsinfo_0-1723786578355.png350Ă—898 31.6 KB

  1. Select the option as “Top Center” in the desktop logo position dropdown as mentioned in the below screenshot.

Vinsinfo_1-1723786592981.png
Vinsinfo_1-1723786592981.png302Ă—900 33.5 KB

  1. 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;
}

Vinsinfo_2-1723786939124.png
Vinsinfo_2-1723786939124.png285Ă—894 25.7 KB

  1. Click the save button.
  2. It will look like below,

Vinsinfo_3-1723787005280.png
Vinsinfo_3-1723787005280.png1358Ă—150 7.57 KB

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

4

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.

5

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