Hi, need assistance fixing my header.
The size is too big due to the size of my logo. When I change it to the smaller size it looks mushed and pixilated. My writing also changes from white to black from the transparent header.
Would love some help!
Topic summary
A user is experiencing two header issues on their Shopify store:
Primary Problems:
- Logo appears too large in the header; reducing size causes pixelation and distortion
- Text color fails to switch from black to white on transparent headers
Troubleshooting Attempts:
- User tried over 10 different logo sizes without success
- Adjusting dimensions results in pixelation when moving away from hover state
Recommended Solutions:
- Remove excessive height/width settings currently applied to the header
- Crop the logo file to eliminate blank spaces above and below the design (not square cropping)
- Replace existing logo with properly sized image files
Current Status:
The issue remains unresolved. Community helpers provided cropped logo versions and specific technical guidance, but the user reports these solutions haven’t worked yet. Screenshots were shared to illustrate both the problem and proposed fixes.
Hi @RASROWEN ,
This is Theodore from PageFly - Shopify Page Builder App.
I see that you are setting a high height - width to make your header bigger
I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly
Hello, this didn’t work for me
Hi, can you please recommend what size you think will work? I have tried adding over 10 different sizes however, when I move from the hover it pixelates. Very strange?
Hi, can you please recommend what size you think will work? I have tried adding over 10 different sizes however, when I move from the hover it pixelates. Very strange?
