Remove socials from drop down menu

Technical Q&A

Topic summary

A user seeks to remove social media buttons from the mobile dropdown menu in the Flora Theme. They mentioned previous solutions involving theme.css but couldn’t locate that file.

Resolution provided:
Multiple community members offered CSS solutions after the user shared their store URL (flaxbarnjewellery.com).

Two working code snippets were provided:

  • Solution 1: Target .menu-drawer .list-social with display: none !important;
  • Solution 2: Target ul.list.list-social.list-unstyled with display: none;

Both solutions should be added via: Customize > Theme Settings > Custom CSS

The issue appears resolved with actionable code provided, though the original poster hasn’t confirmed implementation success.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hi, I am looking to remove the socials buttons on the drop down menu on the mobile version. I am using the Flora Theme. I have seen other solutions of inserting code into the theme.css however I cannot find that category in my coding. Hope someone can help. Thanks in advance :slight_smile:

2

Hey @faithburke,

Can you please share your store url and password [If applicable] so that I can take a look and provide you Solution code.

Thanks

3

Hello @faithburke ,

I hope you are well!

Can you please share the store URL so that I can provide you the CSS which will fix the issue?

4

Hi @faithburke,

Please send the website link, I will check it for you

5

Hi the url is flaxbarnjewellery.com and there isnt a password

6

Hi @faithburke,

Please go to Customize > Theme settings > Custom CSS and add code:

.menu-drawer .list-social {
    display: none !important;
}
7

@faithburke Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

ul.list.list-social.list-unstyled {

display: none;

}