Can I modify the menu items placement in a Brooklyn template header?

Jbalvin9
New Member
6 0 0

Hi!

I'm starting a webpage using Brooklyn template but I'm wondering how to modify menu items placement, for my webpage header to go from this:

current_header.png

to this:

goal_header.png

I've already managed to center the logo adding a little code at theme.scss.liquid, but I have no idea how to distribute menu options between left and right sides of the logo. 

 

Can anyone point me in the right direction?

Thank you.

Replies 3 (3)

LitExtension
Shopify Partner
4860 1001 1132

You need to create 2 menus for it: https://i.imgur.com/HlVHtQL.png . You can duplicate it and change id.
Then you can get it out like the menu to the right of the logo.
Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Jbalvin9
New Member
6 0 0

Thanks for your help! Following your indications, the second menu appeared available at header section, but it doesn't appear visible at the header. Here is an image of what is happening

header_menu2.png

 

eComInsider
Shopify Partner
154 16 36

You can use turbo shopify theme, it has all the features that you wanted, it gives many option for you. 

 

➡️ Exclusive offer - Shopify Trial at $1/month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!