Hide Woocommerce Menu Item From Page

[craig11]

Hi I would like to hide the woocommerce cart item at the top right of the menu bar on certain pages (page ID 13, 42, 87)

Link to site to follow

How do i do this with some CSS?

[Prasant]

Hello Craig,

Thanks for reaching out.

Please add following CSS under X > Theme Options > CSS:

.page-id-42 .x-menu-item-woocommerce, .page-id-13 .x-menu-item-woocommerce, .page-id-87 .x-menu-item-woocommerce {
    display: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.