Help! Cant remove/hide shopping cart from header in Narrative theme

jfjeldberg1
New Member
1 0 0

Hi!

As the title states, I have problems removing the shopping cart icon from the header in my Narrative themed page. Please check fwcommerce.myshopify.com 

 

I have tried to comment out the bubble-icon or something. But this leads to the logo no longer being in the middle of the screen.

 

Please help!

 

Thank you so much.

0 Likes
JHKCreate
Shopify Partner
2046 331 445

Hi There!

Indeed when you don't display it the logo moves, however this will just hide the icon while keeping everything else there (add it to your theme.scss):

a.btn.btn--clear.btn--square.btn--hover-scale.site-header__cart.ajax-cart__toggle {
    visibility: hidden;
}

 
Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
dmwwebartisan
Shopify Partner
4477 1005 1285

Hey @jfjeldberg1 

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or and paste this at the bottom of the file:

.site-header__section .site-header__section--button {display:none;}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
RRibr
New Member
2 0 1

Dear,

where would i than exactly place this? It still is not moving to the middle. so i removed the cart button in the header.liquid file.
but than i place this code in where you say it should be?

Thank you very much!

0 Likes