Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I have tried every code i could find here on the help forum. but none seem to be working for my site. I wish to remove every social icon from my drawer menu both mobile and desktop. Would love to get some help with this.
The site is inkyless.com
Solved! Go to the solution
This is an accepted solution.
Hi @ArthurBS
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.header--has-social .menu-drawer__utility-links {
display: none !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hey @ArthurBS
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find password.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.menu-drawer .list-social {
display: none !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @ArthurBS
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.menu-drawer__utility-links ul.list.list-social.list-unstyled .list-social__item {
display: none !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Hi,
Thank u for ur reply.
Sadly it does not seem to be working for me and i dont know why.
After some digging i found out that it wont work pasting it in the directed way into the base.css, but it does seem to work if u paste the code into a custom css while customising the site. If i click on header and add the code to a custom css code than it seems to work perfectly fine. Hope that also helps others if they have the same problem. Thank u both and have a great day!
This is an accepted solution.
Hi @ArthurBS
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.header--has-social .menu-drawer__utility-links {
display: none !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
This one works perfectly as it should be. Thank u!