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

Im trying to remove social icons from my drawer menu.

Solved

Im trying to remove social icons from my drawer menu.

ArthurBS
Tourist
4 0 2

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

Accepted Solution (1)

topnewyork
Astronaut
1552 192 253

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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
7764 2082 2568

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:

Moeed_0-1737456950681.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


websensepro
Shopify Partner
2144 268 321

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:

websensepro_0-1737457287263.png

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
ArthurBS
Tourist
4 0 2

Hi,

Thank u for ur reply.

Sadly it does not seem to be working for me and i dont know why.

ArthurBS
Tourist
4 0 2

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!

topnewyork
Astronaut
1552 192 253

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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
ArthurBS
Tourist
4 0 2

This one works perfectly as it should be. Thank u!