Getting Brooklyn Theme Navigation Bar on Narrative Theme?

Solved
Highlighted
Tourist
13 0 1

I want my narrative theme to have the brooklyn theme navbar where you can see it everywhere and you dont have to click like a hamburger menu bar and the menu takes up the whole screen like it does on my website (phoneaholix.com for reference)

 

Any help with the coding on this? Thanks!

0 Likes
Highlighted
Shopify Expert
3694 550 893

Hi @justrynnalearn 

If you want to make menu like Brooklyn theme then you have to change code and css for navbar and you need liquid+html+css knowledge, if not you have to hire some one for that.

If you want to try you can change in Section->header.liquid file. where you can change structure of menu.

Let me know if you need any help 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
13 0 1

I know css and html I just don't do know how to do it have it be mobile friendly as well.

0 Likes
Highlighted
Shopify Expert
3694 550 893

Then you have to copy menu code from this theme and add your code in Section->header.liquid file.

You need to make code dynamic so navigation create dynamic so keep liquid code as it is just change design html+css 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
13 0 1

Screen Shot 2019-07-25 at 9.04.02 PM.pngI tried copying the header code from Brooklyn and pasted it in the header liquid for narrative and this happened, any tips?

0 Likes
Highlighted
Shopify Expert
3694 550 893

This is an accepted solution.

As i told you this is not just copy paste work, you have to add css too for header and manage liquid code so you can manage by theme editor too. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
13 0 1

Alright, I will try my best and if I fail I will contact you for assistance :)

0 Likes
Highlighted
Shopify Expert
3694 550 893

OK , No problem

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
1 0 0

 


@justrynnalearn 

0 Likes
Highlighted
Shopify Expert
3694 550 893

For that we must need customization on code cant share any code here because its base on them code not easy to manage. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes