Unwanted “Our Guarantee” and “Shipping” menus appeared beneath a product description on a Shopify product page; the user sought to remove them.
Initial fix: In Shopify admin, go to Online Store > Themes > Edit code > Assets (base.css/style.css/theme.css) and add CSS targeting #vitals-tabs-placeholder to hide specific div children using display:none. The menus were removed; a result screenshot was shared.
Follow-up issue: On desktop, two tabs (“Our Guarantee” and “Shipping”) showed next to “Description.” A second CSS tweak was provided to hide the 2nd and 3rd list items within #vitals-tabs-placeholder using visibility:hidden, leaving only the Description tab. The user confirmed it worked; a screenshot illustrated the outcome.
Technical notes: CSS selectors use nth-child to target elements by order. display:none and visibility:hidden remove elements from view without deleting content or app features.
Outcome: Issue resolved. No further disagreements or open questions. Attachments (screenshots) were used to show results but are not required to apply the fixes.
Thank you - that worked
However I notice on the desktop version where the “Decription” title is there is also now two tabs “Our Gaurantee” and “Shipping”
I dont know how they got there. Originally they were in menu format which appeared without ne doing. Now in tabbed page format
Any idea how I also can remove these tabs? and to just keep Description?
Appreciate your help