Hi all,
My banner on the homepage is slightly slightly aligned to the right.
I have about 2 pixels of whitespace on the left side of the banner.
It’s probably a small fix, but I can’t seem to get it right..
pw: 123
Thanks so much.
Topic summary
A user is experiencing a minor alignment issue with their homepage banner, which appears shifted slightly to the right with approximately 2 pixels of whitespace on the left side.
Identified Cause:
- A wave effect is causing the misalignment
Proposed Solution:
- Navigate to theme’s “Edit Code” option
- Locate “theme.liquid” file using the search bar
- Paste specific CSS code below the
<head>tag to hide the alignment issue - A screenshot reference is provided showing the correct code placement
Status: The discussion remains open with one proposed workaround offered. The root cause (wave effect) cannot be directly fixed, so the solution focuses on visually masking the problem.
It’s somehow the wave effect that’s causing it, but I can’t really fix the wave.
I have a fix that will kind of hide it
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
