Changing nav menu and logo location

Highlighted
Excursionist
16 0 5

Hey there,
Does anyone know how I could change the location of my nav menu and logo.

My logo is centered and my nav menu is underneath,
I would rather have my logo to the left and my nav menu in the middle, does anyone know how I could fix this?

Thank you, stay safe and have a great day!

(I will not be doing any paid services)

0 Likes
Highlighted

Hello @japonojapono,

Can you please share your site url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
16 0 5
aetone.myshopify.com

Thank you so much!
0 Likes
Highlighted

Hi @japonojapono,

Just try this code:

@media screen and (min-width: 1240px) {
	.Header--center .Header__MainNav {
	    position: relative;
	    padding-bottom: 0;
	}
	.Header__Wrapper > div.Header__FlexItem:nth-child(1) {
		order: 2;
		flex-basis: auto;
	}
	.Header__Wrapper > div.Header__FlexItem:nth-child(3) {
    	order: 3;
	}
}

 Try putting it to your theme.scss.liquid file.

By the way, though your store seems to be in preparation, I have a small tip: Don't feature too many individual products on homepage. Instead, you should feature many collections. This way, people will have an overview of the products you are selling and find the product they need more easily.

You can read this article about optimizing homepage to learn more about this.

- [Tutorial] How to customize Shopify product page: academy.pagefly.io/customize-shopify-product-pages
- Are you having problems customizing your Shopify pages? Check out PageFly - Advanced Shopify Page Builder
1 Like
Highlighted
Excursionist
16 0 5

Thank you so much Richard!

I appreciate your help so much. I added the code and it worked however the nav menu isn't centered, it's pushed to the left quite a lot.
Do you know how I could make it centered? Thank you for the tip too, I'll speak to my client about it!

Store URL: http://atonekickss.myshopify.com

I honestly appreciate it so much,
Stay safe and have a great day!

0 Likes