Need to hide the shopify chat from specific page

Shopify Discussion
1

I tried everything i could find from other chats, lots of confirmed answers that worked for them but nothing works for me. Spent ages trying to use AI to figure it out as well, occasionally it gave me the same responses as the threads i found. But absolutely nothing works or even impacts the chatbox at all.

We are on the stilletto theme

2

Provide me the store URL and let me know the pages name where you want to hide the chat, so i will provide you the solution. :slightly_smiling_face: @WWSNonet

3

Hi Ashar,

It has to be removed from this page specifically.

4

Steps to Add Custom CSS in Shopify1. From your Shopify admin, go to Online Store > Themes.

  1. Click Actions for the theme you want to edit, then select Edit code.
  2. Find the assets/theme.css file under Assets (or whichever CSS file your theme uses).
  3. Scroll to the bottom of the file and add the following CSS code:
.template-strata-pre-launch-page #shopify-chat {
    display: none;
}

asharofficial_0-1734084881020.png
asharofficial_0-1734084881020.png1025×685 149 KB

5

Hi @WWSNonet

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.template-strata-pre-launch-page #shopify-chat {
    display: none !important;
}

Result:

steve_michael2_0-1734085170106.png
steve_michael2_0-1734085170106.png953×620 192 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

6

It worked! Thanks!

7

@WWSNonet Thanks Let me know for further assistance