Logo on the header dawn theme as overlay instead of inline

Store Design
4

Hi @pthinagar ,

You can try the following steps:

Step 1: Go to Admin → Online store → Theme > Edit code:

view.png
view.png1845×731 86 KB

Step 2: Search for base.css.

view.png
view.png1906×907 64.6 KB

Step 3: Add this code at the end of the file.

  sticky-header > header > h1.header__heading{
    width: 220px
  }
  sticky-header > header > h1 > a {
    position: absolute;
    transform: scale(2);
    top: 24px;
    left: 122px;
  }

You will get the result like this:

view.png
view.png1248×933 206 KB

But replace your image with a higher resolution one because when you scale it up, it will be blurry

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!