Banner button different on desktop than mobile after changing code

Topic summary

A user modified code to reposition a banner button on the desktop version of their Shopify store, but this change caused incorrect positioning on mobile devices. The attached screenshots illustrate the discrepancy between desktop and mobile layouts.

Current Status:

  • The issue remains unresolved
  • Multiple community members have offered assistance
  • All responders are requesting the store URL and password (if applicable) to diagnose the problem

Key Issue:
The user needs a solution that adjusts mobile button positioning independently without affecting the desktop layout—likely requiring responsive CSS or media queries to target different screen sizes separately.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hi!

I added some code to move my button down on my desktop version but once I clicked the mobile device version it is not in the right place. How can I fix the position on mobile without messing with the position on the desktop version. I have attached some pictures of what I am talking about! If anyone can help that would be greatly appreciated .

1 Like

Hi @Buckingcowgirlc

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

@Buckingcowgirlc
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

Good day @Buckingcowgirlc , Could you kindly share your store URL and password.

Hi @Buckingcowgirlc

Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?