Move shopify inbox button on Impulse theme

Topic summary

A user seeks help relocating the Shopify Inbox chat button from bottom-right to bottom-left on the Impulse theme.

Solutions Offered:

  • CSS modification in style.css: Add custom CSS targeting .chat-app with adjusted margin
  • CSS in theme.aio.min.css: Target inbox-online-store-chat#ShopifyChat with left: 16px !important;
  • Native theme settings: Navigate to Store Admin → Sales Channels → Online Store → Themes → Customize → App Embeds → Online Store Chat → Adjust “Horizontal Position”

Resolution:
The issue was successfully resolved using one of the provided methods. The native settings approach appears simplest, avoiding direct code edits. Visual screenshots were shared demonstrating both the CSS result and the admin panel location.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hi

can someone please help me move the shopify inbox button from the bottom right to the bottom left on the Impulse theme? Thank you!!

1 Like

Hi @PinkScarlett92 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Hello @PinkScarlett92
Go to online store ----> themes ----> actions ----> edit code ----> assets —> style.css
add this code at the end of the file and save.

.chat-app {
margin-right: 39rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

Hey @PinkScarlett92 ,

Please paste this code in the end of theme.aio.min.css file.

inbox-online-store-chat#ShopifyChat {
    left: 16px !important;
}

Hi @PinkScarlett92

You can change it from your store admin > Sales channels > Online Store > Themes > Customize > App embeds > Online store chat > Horizontal Position

1 Like

Thank you so much! That worked :grin:

1 Like

Happy I could help!