How to change header icons in Blum theme?

Store Design
,
1

I´m using the Blum theme and I need to swap out the search, and cart icon in my header to only the account/login icon. Can anyone help me?

2

Hi @Felix_o

Do you mean the place of the Search n Cart Icon swap to account log.in icon? Would you midn to share your store URL?

3

Of course, https://58ad76-2.myshopify.com/ and Im also trying to make the
account icon show on mobile mode

4

Sorry, Im a bit confuse now. You like to swap places the icons search and cart into the account icon?

Made4uoRibe_0-1705353847511.png
Made4uoRibe_0-1705353847511.png286×114 1.13 KB

This is your current places icons now you want account icone first and search then cart?

Made4uoRibe_2-1705354059357.png

Like this? If this is what you mean. This what you can do.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header__icons.header__icon--search.d-flex-lg.middle-xs {
    order: 2;
}
.header__icon.header__icon--cart {
    order: 3;
}

And Save.

For the account to be seen in the mobile check this one.

@media (max-width: 1025px){
.header__icons--right .header__icon--account {
    display: block;
}
}

And Save.

Result:

Made4uoRibe_3-1705354611320.png
Made4uoRibe_3-1705354611320.png485×462 10.4 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Sorry for the confusion, what i want to do is to only have the account icon
in the header and to remove the search icon and the cart icon.