Shopify Inbox Button: Maintain Position When Open

Store Design
, , , , ,

Topic summary

  • Issue: On Dawn 13, two bottom-right buttons (audio accessibility toggle and Shopify Inbox) are aligned until the Inbox chat widget opens. When opened, the Shopify Inbox button shifts downward and no longer aligns with the audio button.

  • Attempts: The OP added custom CSS in base.css and within a block in theme.liquid, testing multiple levels of CSS specificity (which styles take precedence), but nothing worked. Example tried:
    footer .chat-app–close-button-bottom-right #chat-app { margin-left: auto; margin-bottom: 5px !important; }

  • Assistance requested: A helper asked for a preview URL to inspect. The OP provided the development store link, initially password-protected, then shared the password and asked if the widget was visible.

  • Status: No fix yet. Awaiting expert inspection and guidance on the correct selector/scope or CSS approach to keep the chat button fixed in place when the widget opens. Screenshots are central to understanding the alignment issue.

Summarized with AI on December 31. AI used: gpt-5.
2

Hi @MMO1 ,

Can you please share a preview url of the sore so that I can assist you on?

Thank you