Blockshop Theme: CSS Problems Hiding Cart-text in Header (Desktop and Mobile)

[obshop]

Dear reader,

I would like to hide cart icon (text) in the header section for my home page on both desktop and mobile.

I have been instructed to add the following CSS code at the bottom of file theme–critical.css

.header--cart {
    display: none;
}

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

The following problems occur after this code has been saved:

1. Although the cart-text icon has been removed from the header, the menu items below the logo have disappeared (see image below)

2. On the mobile page, the logo in the header does not center align anymore, but instead, aligns to the right of the header section (see image below)

The main reason why we would like to hide the cart-text icon in the header is so that our customers cannot access the products in our paused shop through the following loophole (see image below). The Click here to continue shopping navigates to the collections/all. Which is what we would like to avoid. Hence, if there is a way to remove this link in the Your Cart section this would also acceptable.

[obshop]

Our website is: https://only-blessed.com/

[obshop]

IS THERE A WAY TO HIDE THE CLICK HERE TO CONTINUE SHOPPING LINK**?**

[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–critical.css

@media screen and (max-width: 767px){
.header--mobile--title{
position: absolute;
left: 120px;
}
}

.rte a, .rte a:link, .rte a:visited, [data-item=rte-content] a, [data-item=rte-content] a:link, [data-item=rte-content] a:visited{
display: none;
}

Hope this helps.

Best Regards;

Pagefly