How can I adjust the header alignment in the Fresh theme?

Store Design
, ,
1

Hi all,

I’d like to change the alignment of my header to have the logo centered and the menu items flush left. I am using the theme Fresh.

Currently the header looks like this:

Screenshot 2023-06-22 at 3.34.51 PM.png
Screenshot 2023-06-22 at 3.34.51 PM.png2488×362 39.4 KB

And I would like it to look like this:

RVF-Header-Mockup.png
RVF-Header-Mockup.png2488×362 32 KB

Can anyone provide the css to make this adjustment?

Thank you!

2

Glad to help. What’s the link to your website?

3

Hello @LindseySir ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Sections → header.liquid file

Modify the logo code and the menu code in separate containers, such as

elements, to control their alignment. For example:

Add the following code:

.header-left {
  float: left;
}

.header-center {
  display: inline-block;
  text-align: center;
}

Save changes

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

4

Hello @LindseySir

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.