move the mobile nav above the header logo on mobile

Solved
Highlighted
Tourist
5 0 2

Hello I am using the shopify simple theme and I don’t like the way the mobile hamburger nav looks below the header logo. Is it possible to move the navagation above the logo so it sits in line with the search and cart icons but cented still? On desktop everything is all good, can anyone help me out?

 

5B44E950-05EB-47D4-A6F7-CBF8F9964549.jpeg

1 Like
Highlighted
Shopify Partner
7621 1049 2646

Hello, @Leo133 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Highlighted
Shopify Partner
7621 1049 2646

This is an accepted solution.

@Leo133 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.mobile-menu-icon {
position: absolute;
left: 0;
    right: 0;
    top: 40px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
5 0 2

Worked! Thank you so much!

0 Likes
Highlighted
Shopify Partner
7621 1049 2646

@Leo133 

Thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like