Hi, can anyone help me to hide the tab showing the description without removing the other tabs bellow it ?
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 usingdisplay: none !important -
Method 2: Target the specific accordion wrapper element with CSS:
#shopify-section-template--23429159682387__main .accordion__wrapperand its first child button
Implementation Steps:
- Navigate to Admin → Online Store → Theme → Edit code
- Locate and open the theme.liquid file
- Insert the provided CSS code snippet before the closing
</head>or</body>tag - 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.
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above
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
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.



