Show Collections as buttons in Collections Section - Refresh Theme

[PBarnard]

Hi,

Kindly assist. My site is at afrinames .co .za

I would like to display my collections (which act as categories) like buttons in the below example:

Please let me know if this is possible and how I can achieve it?

I am using Refresh theme.

Thank you.

[BSS-Commerce]

Hello, if you want to do that, please follow these instructions:

1. Go to your Shopify admin page and select Sale channels, then select Online Store

2. Here you select Themes and find the theme you are using, select Edit code

3. In the code folder, find the base.css file

4. Paste the following code at the end of the file and Save

ul.list-menu.list-menu--inline li{
    margin-right: 10px;
    background-color: #2f2a6e;
    border-radius: 25px;
}

ul.list-menu.list-menu--inline li:hover {
    opacity: 0.6;
}

Result:

Hope it helps @PBarnard

[BSS-Commerce]

Hi,

You can add the following CSS to the global CSS file in Edit code:

#menu-drawer .list-social form.shopify-currency-form {
    position: absolute;
}
#menu-drawer .list-social form.shopify-currency-form select {
    color: #9D9898;
}

I tried them and they are exactly what you want.

[PBarnard]

Thanks, but I dont want the Menu links turned to buttons, I want the “Collections” turned to buttons.