Move hamburger menu/cart/pointers/search all to their respective far sides in Brooklyn Theme

Solved
Way
Tourist
8 0 0

Right now they are kind of scrambled towards the middle, when there is plenty of space on both sides.

All i want is to push them to the left & right, so i ask that someone points me towards the code that i have to edit & what to change it with,

Regards

EW

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4382 574 1103

This is an accepted solution.

Hi @Way 

To move menu on right or left side you have to deal with menu code, but i can give fast solution from console

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-nav{ position: absolute; right: 0; top: 50%;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 5 (5)
Jasoliya
Shopify Expert
4382 574 1103

This is an accepted solution.

Hi @Way 

To move menu on right or left side you have to deal with menu code, but i can give fast solution from console

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-nav{ position: absolute; right: 0; top: 50%;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Way
Tourist
8 0 0

Thank you for the quick answer and sorry for the late reply..

Well this worked half way, only the buttons on the right side moved.

I added the "left: %%" part, but that just made the hamburger menu on the left unclickable + it didn't move an inch, so i assume i must change another part of the code for that hamburger icon? Can you give further assistance?

I'd appreciate your help,

EW

Jasoliya
Shopify Expert
4382 574 1103

Send me your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Jasoliya
Shopify Expert
4382 574 1103

To move menu add this css:

.site-nav__link--burger{ position: absolute; left: 0; top: 50%; }

You can play with left and top. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
CountonMe
New Member
1 0 0

hello there I want to put half of the menu to the left and half on the right and keep the Logo Only on the middle 

so something like this:

please help me with the code I should add?

URL:

https://countonmepets.myshopify.com/

Password: 

COMP@121077

 123456.JPG