Remove description tab

Topic summary

A user seeks to hide the description tab on a product page while keeping other tabs visible.

Proposed Solutions:

Multiple respondents provided CSS-based approaches:

  • Method 1: Add custom CSS code in the theme.liquid file before the </head> or </body> tag to hide the description section using display: none !important

  • Method 2: Target the specific accordion wrapper element with CSS: #shopify-section-template--23429159682387__main .accordion__wrapper and its first child button

Implementation Steps:

  1. Navigate to Admin → Online Store → Theme → Edit code
  2. Locate and open the theme.liquid file
  3. Insert the provided CSS code snippet before the closing </head> or </body> tag
  4. Save changes

Note: Screenshots were shared showing the expected result and code placement, though one respondent initially couldn’t locate a description section on the user’s site. The solutions use CSS to selectively hide elements without removing underlying functionality.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hi, can anyone help me to hide the tab showing the description without removing the other tabs bellow it ?

https://marymill.amsterdam/products/herbmill

1 Like

@Daniel19901 ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above


1 Like

I don’t see a “Description” section on your website. @Daniel19901

  • Here is the solution for you @Daniel19901
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hello @Daniel19901

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--23429159682387__main .accordion__wrapper { display: block !important; } .product-accordion .accordion__wrapper:first-child button { display: none !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.