How can I fix inconsistent header and menu displays across different pages?

[Marco211]

Hi everyone, do you know how to solve this problem: my header on the homepage is displayed in one way, when I change pages the logo and also the menu items are all moved and therefore the header changes between homepage and other pages. Do you know how to solve it? Thanks a lot to everyone

I would like the header to be on all pages like the homepage

Refade Studios | A vintage collection in your hands

password: refade

[Sweet_Savior_3]

Hello @Marco211

Add the marked code at the same place in same given format in base.css file.

Thanks

[niraj_patel]

Hello @Marco211

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.header__icons { left: unset !important; } @media screen and (min-width: 990px){ .header--middle-center:not(.drawer-menu) { grid-template-areas: 'navigation heading icons'; grid-template-columns: 1fr auto 1fr !important; column-gap: 2rem; } .header { display: unset !important; } }