How can I remove the unexpected design button on my website?

Topic summary

Unexpected “design” button appears on the live Shopify product page but not in the theme editor. The store URL was shared for review.

Requested info:

  • Contributors asked for the store URL and (if applicable) the storefront password to inspect the issue.

Proposed fixes:

  • Edit theme.liquid: Insert a code snippet just above the tag via Online Store > Themes > Edit code > theme.liquid. The exact snippet was shown only in an image (not in the text), making the screenshot central to reproducing this step.
  • Hide via CSS: Online Store > Themes > Actions > Edit code > Assets > base.css, then add at the bottom:
    .cj-design-btn2-box { display: none!important; }
    This targets the element’s CSS class to remove the visible button on the live site.

Status/outcome:

  • No confirmation from the original poster that either method resolved the issue. The thread remains open without a verified solution.

Notes:

  • Screenshots are important to see the exact theme.liquid code suggested in one reply.
Summarized with AI on January 23. AI used: gpt-5.

This randomly popped up and I have no use for it. It doesn’t show when I’m editing the page but it does show on the actual website.

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hey @Alex_238
Kindly share your Store URL and Password if enabled

https://vicxio.com/products/carbon-fiber-wallet

Hey @Alex_238

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.cj-design-btn2-box {
    display: none!important;
}