How can I center navigation in the Maker theme?

Store Design
,
1

Hi there.

I am wondering if someone can help me to center the Navigation only in the Maker theme. I’d like my logo to stay to the left, and cart to the right.

Thanks,

Kelly

2

Hello @Plantiful ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hi @Plantiful
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

4

Hi @Plantiful ,

Please go to Actions > Edit code > Assets > theme–critical.css file and paste this at the bottom of the file:

@media only screen and (min-width:1024px) {
	[data-x-menu--overlap=false] .header--left-side {
		width: 100% !important;
		position: relative !important;
	}
	[data-x-menu--overlap=false] .x-menu {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		padding-left: 260px;
		padding-right: 260px;
	}
	[data-x-menu--overlap=false] .x-menu--level-1--container {
		justify-content: center;
	}
}

Hope it helps!