Trying to remove icons (or make them unclickable) from the header

I am operating under a special scenario of a combination website with shopify and webflow. It’s unconventional but it works for our company.

Because of this I am wanting to remove the icons from the header but not affect how the cart option works in the backend. Essentially trying to make the icons invisible or unclickable.

I am quite new to code but understand it in a general sense.

EDIT: URL for store is: https://swatclips.myshopify.com/?key=54792b0eccc42ec0d146b1cbf8de4faf86faddadc9464d2cf114a3877f937a65

Hi @SwatClipsAdmin

Would you mind sharing your store’s URL so we can provide a solution for this?

1 Like

edited with link added. sorry about that!

Please add the following code at the end of your theme.scss file:

.site-header__icons-wrapper {
    display: none;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

2 Likes

For clarification, the only file I can find that has “theme.scss” in it is the “theme.scss.liquid” would this be the file that you are instructing me to past that snippet at the end of it?

Yes this is the one

1 Like

@JHKCreate Hi there,

I am with this website, https://luxstoneworks.com/ and i am using Ella theme from themeforest.

I have a question about how to make the images or links unclickable, could you please help me?

Almost everything on this theme is clickable, and i need most of the images or links or titles to be unclickable, which really is bothering me.

For example, the “why us” section on homepage, you can see from the below screenshot, I left the “button” and “link” empty, I thought if I just not enter any URL, then it will become unclickable. However, it is still clickable, it will redirect to homepage if I click the picture. So, what should i do to make it unclickable?

Could you please help me to fix this? Thanks very much in advance!