Shopify themes, liquid, logos, and UX
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 <style></style>) 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;}
Hi @MMO1 ,
Can you please share a preview url of the sore so that I can assist you on?
Thank you
Hi @MMO1
It is password protected.
Sorry, password: asdfasdf
Hi are you able to see the widget now?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025