How can I hide the cart header on my Blockshop theme homepage?

[obshop]

For the Blockshop Theme I would like to remove the “Cart”-text in the header of my home page.

See image below for example (cart on right side needs to be hidden).

My store is currently paused. Hence, I would like to know how to temporarily hide the “Cart” button from the header section on my home page so customers can not view the products via the “Click here to continue shopping” loop which brings them to my collections/all page.

[Guleria]

Hello @obshop ,

Add this CSS at the bottom of file theme–critical.css or theme.css

.header--cart {
    display: none;
}

Thanks

[PageFly-Victor]

Hi @obshop .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file theme.css

.header--cart{
display: none;
}

Hope this helps.

Best Regards;

Pagefly

[KetanKumar]

@obshop

can you please share store url so i will check and let you know

[obshop]

Hi,

In theme–critical.css I added the below CSS.

.header–cart {
display: none;
}

For desktop it works! However, in order to also hide the cart on mobile I copied and added the following CSS

.header–mobile–cart {
display: none;
}

This also works. One problem. Because this CSS hides the cart icon, the logo in the header section for mobile now aligns to the complete right side (see image below).

How to fix this?

[obshop]

https://only-blessed.com/

Hi Ketan, could you read the latest message in this feed on how to center align the logo in header section after altering the CSS cart icon to hide it?

Kind regards,

[obshop]

[obshop]

Furthermore, because of the above CSS code to hide the cart in header section, the menu items have also disappeared.

In comparison to our live page, you can see where the menu items are supposed to be at (see image below).

VS

[obshop]

Store URL: https://only-blessed.com/

[Guleria]

Use this css

.header--cart {
visibility: hidden;
}
.header--mobile--cart {
visibility: hidden;
}