Banner content positioning

Shopify Discussion

Topic summary

A Shopify store owner is experiencing a banner alignment issue where an image banner button appears correctly positioned in the theme customizer but displays at the bottom of the banner on the live website.

Key Details:

  • The issue occurs at 1920x1080 screen resolution
  • Problem appears in both Chrome and Edge browsers, including incognito mode
  • The button positions correctly when browser zoom is set to 150%
  • Mobile view also has positioning problems

Current Status:

  • A helper requested and received the store URL (avycoffee.com)
  • The helper reports being unable to replicate the issue on their end, seeing correct positioning
  • The issue appears to be resolution or browser-specific

Attachments: Screenshots showing both correct positioning (in customizer) and incorrect positioning (on live site) were shared to illustrate the problem.

The discussion remains open as the root cause hasn’t been identified, with the discrepancy between what the store owner sees versus what the helper sees suggesting a display-specific issue.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

I am trying to properly align my image banner button. When editing through “customize”, it’s in the right position. But when I go to my website, the button is at the bottom of my banner. See photos attached.

Can someone please direct me where to go to fix this?

Also, I have to put a container on the button for mobile because I can’t seem to figure out how to make it look the same as desktop. If this isn’t possible to fix, that’s fine.

Thank you!

Correct positioning

AvyCoffee_0-1724928998676.png
AvyCoffee_0-1724928998676.png1222×406 322 KB

Incorrect positioning (website view) :backhand_index_pointing_down:

AvyCoffee_1-1724929039111.png
AvyCoffee_1-1724929039111.png1757×597 181 KB

2

Hi @AvyCoffee

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

3

Certainly. URL is: https://www.avycoffee.com

4

@AvyCoffee Thanks for providing the URL, I have checked it on my end, but it is working fine at my end:

sahilsharma9515_0-1724931091681.png
sahilsharma9515_0-1724931091681.png1885×928 252 KB

Can you please specify what’s your screen resolution in which you are seeing the issue, or is there any specific browser, because I am unable to replicate the issue.

Best Regards

Sahil

5

Yes, my screen resolution is 1920 x 1080, and I get the misplace in both Chrome and Edge. I get the same error in incongito mode, too.

6

Also, when I scale my screen to 150%, it lines up properly.