Before you ask please READ THIS

Remove Breadcrumb and Whitespace

1. How can I remove the woocommerce breadcrumbs from product pages?

2. After the woocommerce breadcrumb is removed, how do I get rid of the whitespace and move the product title up? I need the product title to be at the same level as the top of the product image.

Thank you!
Screen Shot 2016-01-28 at 12.55.31 AM.png
862 x 454 - 286K

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    I think fastest way would be to use custom CSS:

    .single-product.woocommerce .woocommerce-breadcrumb{
    display: none; /* hide breadcrumbs */
    }
    Second won't be so perfect, as it is top of container, which is not visible in your case. However you can try this custom CSS:

    .woocommerce div.product .product_title{
    margin-top: 0px;
    }
    .single-product .content-column{
    padding-top: 0px;
    }
    With kind regards.
  • Worked great. Take a look!
    Screen Shot 2016-01-28 at 10.21.39 AM.png
    849 x 618 - 434K
  • AirAir
    Posts: 10,970
    Very nice :-)

    Have a good day
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!