Dawn theme: how can I center the header navigation?

Store Design
, ,
1

on the homepage the header navigation on 10xfuel.com is centered: this is correct.

Yet on all other pages the header navigation is aligned on the left:

how can on all these other pages the header navigation be centered too? Thank you!

10xfuel_0-1671808821171.png
10xfuel_0-1671808821171.png1738×618 115 KB

2

hi @10xfuel

Because Homepage have a margin-left: 250px; for logo. Other pages don’t have it.
May I suggest these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Copy code below to bottom of file
.header>.header__heading-link {
	margin-left: 250px!important;
	padding-left: 0;
}

Hope can help

EBOOST

1 Like
3

Hello @10xfuel

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

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
4

hey @GemPages i did this and my logo and shipping icons also moved. Is there any way to keep them on left and right sides while navigation is in the middle?