How can I apply a logo adjustment code to all headers, not just the front page?

Store Design
,
1

Hi.

I received a code to correct my logo in the header:

@media screen and (min-width: 768px) { h1.header__heading { margin-top: -40px; } }

This code was pasted in Theme.Liquid and it works.

However, now I have the problem that it only works on the front page and when I go to a collection page the logo “drops” again.

Can someone help me on where to insert the code to affect all headers and not just the front page?

Thanks in advance.

//Magnus

2

Hey @Magnus_6
Kindly remove the previous code you added and add this code as it will work in all pages.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like