Remove social links from menu drawer (computer only)

[Leonpojen]

Hello, im using dawn theme and have built a custom hamburger menu with a horizontal drop down menu in computer view, and I have now have need some help with the last bit of coding.

When I open the menu drawer on computer I don’t want the social links below my menu links.

I still want to keep them in phone view .

My store Url: https://23bc4a.myshopify.com/

Thanks beforehand.

// Leon

[infoatcodelab7]

@Leonpojen

To hide social links in computer view follow below steps :

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset > base.css and paste this at the bottom of the file:

@media(min-width:768px){
  .menu-drawer__utility-links{
    display: none !important;
  }
}

Hope this works well.

[Leonpojen]

@infoatcodelab7

Thanks for your reply, however this code did not work for me, i tried adding it to the base file and it did not work so i tried component-menu-drawer.css and that did not work either.

Accept as Solution

0

Report

Reply

[infoatcodelab7]

@Leonpojen

then try to put code below of theme.liquid file like this :

[Leonpojen]

Thank you !

Have a nice day.