Please see the images below. I am on Dawn 13.
I have 2 buttons on the bottom right corner, one for enabling sound (accessibility) and one for the Shopify Inbox.
I have made both of them line up:
However, when I click on the Shopify Inbox button, that button moves down vertically and is no longer aligned with the audio button:
Does anyone have the CSS to make the Shopify Inbox button maintain its position on the page when open?
I have tried to add this CSS to base.css AND theme.liquid (within ) but I cannot get it to work. I have tried this with multiple levels of specificity as well (header, body, footer).
What is the right level of specificity and which file do I need to add this to? Thank you!
footer .chat-app--close-button-bottom-right #chat-app {
margin-left: auto;
margin-bottom: 5px !important;}