Remove cart icon from mobile version

stevenunstick · ‎07-16-2024

Hello, I successfully removed the cart icon from the desktop version of my site that uses the Pipeline theme. But it still shows up on the mobile version. Anyone know how to remove it? My site is Unstickit.com. thank you!

Sweans · ‎07-17-2024

Hi @stevenunstick ,

You can remove the cart icon by adding a simple line of css.

In your shopify store go to onlinestore > themes > click on the three dots in your theme> edit code

Here, you can search for theme.css in your left side bar.

And paste this code there.

.header__mobile__right .header__mobile__button {
display: none !important;
}

I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!☕
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

View solution in original post

DanCodes · ‎07-16-2024

You can add the style .header__mobile__right { display: none } or remove the div container with the class header__mobile__right in sections/header.liquid.

If you'd like to support my work, you're welcome to treat me to a coffee here: Buy Me a Coffee
If you'd like to hire me, feel free to contact me: E-mail WhatsApp

AnneLuo · ‎07-16-2024

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.header__mobile__right .header__mobile__button {
    display: none !important;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

Dan-From-Ryviu · ‎07-16-2024

Hi @stevenunstick

Please go to your Online store > Themes > Edit code > theme.liquid file, add this code after <head> and save file

<style>
a[data-drawer-toggle="drawer-cart"] { display: none !important; }
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

GTLOfficial · ‎07-17-2024

Hello @stevenunstick
Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css -----> line number 14244
search this code

.header__mobile__right .header__mobile__button {
display: flex;
justify-content: flex-end;
padding-right: 0;
}

and replace with this code.

.header__mobile__right .header__mobile__button {
display: none !important;
justify-content: flex-end;
padding-right: 0;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Sweans · ‎07-17-2024

Hi @stevenunstick ,

You can remove the cart icon by adding a simple line of css.

In your shopify store go to onlinestore > themes > click on the three dots in your theme> edit code

Here, you can search for theme.css in your left side bar.

And paste this code there.

.header__mobile__right .header__mobile__button {
display: none !important;
}

I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!☕
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

wildwoodcandle · ‎09-25-2024

I am trying to remove the cart icon from my mobile site also, but the suggested CSS edits have not worked for me. Any other advice? Thank you!

wildwoodcandle · ‎09-25-2024

Never mind - I figured it out! I had to apply the code at line 13988 on the Pipeline theme so that it was applied to mobile properly. Thank you!

Remove cart icon from mobile version

Remove cart icon from mobile version

Buy Me A Coffee ☕

Community Blog Articles