Re: Shopify Inbox Button: Maintain Position When Open

Shopify Inbox Button: Maintain Position When Open

MMO1
Excursionist
42 0 4

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:

Screenshot 2024-04-20 203916.png

 

However, when I click on the Shopify Inbox button, that button moves down vertically and is no longer aligned with the audio button:

Screenshot 2024-04-20 203926.png

 

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;}  

 

Replies 5 (5)

LuffyOnePiece
Shopify Partner
612 88 107

Hi @MMO1 ,

 

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

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
MMO1
Excursionist
42 0 4

Thank you, you can view it here:

https://d66377-2a.myshopify.com/ 

LuffyOnePiece
Shopify Partner
612 88 107

Hi @MMO1 

 

It is password protected.

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
MMO1
Excursionist
42 0 4

Sorry, password: asdfasdf

MMO1
Excursionist
42 0 4

Hi are you able to see the widget now?