Could someone help me hide the menu headings in my footer?
Store url: https://testingstoresandthemes.myshopify.com/
storefront password: test
Thank you in advance.
A user seeks help hiding menu headings in their Shopify store footer. Multiple solutions are provided using CSS code:
Primary Solutions:
display: none !important in theme.css/base.css/style.css.footer-menu > summary with either display: none or visibility: hiddenImplementation Steps:
Key Differences:
display: none completely removes the elementvisibility: hidden hides it while preserving layout spaceAll responders provide similar CSS-based approaches with slight variations in selectors and properties. Screenshots demonstrate the expected result showing footers without visible menu headings.
Could someone help me hide the menu headings in my footer?
Store url: https://testingstoresandthemes.myshopify.com/
storefront password: test
Thank you in advance.
Hi @technase Please add the code in your theme.css/base.css/style.css file which is available in your theme.
h2.disclosure__title.font-body.font-bold.text-h6.regular-text {
display: none !important;
}
If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:
Result:
Hopefully it will help you. If yes then Please donβt forget hit Like and Mark it as solution!
Best Regards
Sahil
hello @technase
Go to Online store β Theme β Edit code β Find footer.css file β Paste below code at the bottom of the footer.css file
.footer-menu>summary {
display: none;
}
if you want to only hide put the below code
.footer-menu>summary {
visibility: hidden;
}