how can i remove announcement bar and footer menu on my cart page only

[nijntjelover]

Hi how can i remove my announcement bar and footer menu on the shopping cart ONLY

website url is luva-parfums.nl

thanks

[Made4uo-Ribe · Accepted solution]

Hi @nijntjelover 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% if template.name == 'cart' %}
<style>
.shopify-section-group-header-group, footer.footer {
    display: none;
}
</style>
{% endif %}

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe · Accepted solution]

Hi @nijntjelover 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% if template.name == 'cart' %}
<style>
.shopify-section-group-header-group, footer.footer {
    display: none;
}
</style>
{% endif %}

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[nijntjelover]

Is there a way to edit the code so it would still show the menu bar on top and just delete the 2 announcement bars? Now it deleted the entire header section. tnx

[Made4uo-Ribe · Accepted solution]

You like to leave the header right, yes we can do that. Please, replace the code on this code below. Thanks!

{% if template.name == 'cart' %}
<style>
.announcement-bar, footer.footer {
    display: none;
}
.utility-bar--bottom-border {
    border: 0;
}
</style>
{% endif %}

And save. 

Example Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!