Breadcrumbs shown twice on sinlge porduct page (want to hide on of them)

  • Resolved dogdaysofsummer

    (@dogdaysofsummer)


    4 years, 8 months ago

    Hey everyone,

    I am currently redesignen my single product page with using Elementor. I’ve added breadcrumbs into the right column of my product display, now I have it twice on my page (see the link). I want to hide the breadcrumbs in the left upper part of the page and only display the breadcrumbs that I’ve insertet with Elementor in the right column. When I simply use visibility: hidden in the css both of the breadcumbs disappear.

    Thanks already for you help

    All the best
    Clarissa

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • superkot

    (@superkot)

    4 years, 8 months ago

    You need to “hide” both and then show the Elementor breadcrumbs only. They have their own parent class .elementor-widget-container. Better use display:none instead of visibility:hidden, since the latter leaves extra empty space from the element.

    .woocommerce-breadcrumb {display: none;}
.elementor-widget-container .woocommerce-breadcrumb {display: block;}
    Thread Starter dogdaysofsummer

    (@dogdaysofsummer)

    4 years, 8 months ago

    Ah, thanks so much for your reply. It already worked!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Breadcrumbs shown twice on sinlge porduct page (want to hide on of them)’ is closed to new replies.