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.
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 .
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.