remove sticky breadcrumbs

src/components/theme/Header/HeaderNavigation.jsx

@@ -8,9 +8,6 @@ import closeIcon from '@plone/volto/icons/clear.svg';
 import { Icon } from '@plone/volto/components';
 import { connect } from 'react-redux';
 import  Sticky from 'react-stickynode';
-import {  Icon as IconSemantic, Popup }  from 'semantic-ui-react';
-import { Breadcrumbs } from '@plone/volto/components';
-
 
 
 import circleLeft from '@plone/volto/icons/circle-left.svg';
@@ -153,7 +150,6 @@ const HeaderNavigation = ({ items, pageWidth }) => {
       ) : (
         <Sticky enabled={true} top={isTablet ? 75 : 102} className="sticky-header-nav">
             <div className="header-navigation-lead">
-            <Popup basic size={"mini"} style={{boxShadow:"none"}} hoverable position="bottom right" trigger={<div className="lead-navigation-item custom" ><IconSemantic size='large' name="home"></IconSemantic> <p>/...</p></div>}> <Popup.Content className="custom-breadcrumb"><Breadcrumbs  pathname={pathname} /></Popup.Content> </Popup>
               {displayedItems.length > 0 &&
                 displayedItems.map((item, index) => (
                   <Link

src/customizations/volto/components/theme/Header/Header.jsx

@@ -108,9 +108,7 @@ const Header = (props) => {
           <HomepageSlider items={props.frontpage_slides} />
         ) : (
           <div style={{ position: 'relative' }}>
-            <Sticky key={props.pathname} enabled={true} top={102} className="sticky-breadcrumbs" bottomBoundary={".sticky-header-nav"}>
-              <Breadcrumbs pathname={props.pathname} />
-            </Sticky>
+            <Breadcrumbs pathname={props.pathname} />
             <HeaderImage
               bigImage={bigLeading}
               leadNavigation={leadNavigation}

theme/site/globals/site.overrides

@@ -174,12 +174,6 @@ body.has-toolbar {
   }
 }
 
-.sticky-breadcrumbs {
-  position: inherit;
-  z-index: 1;
-  .sticky-inner-wrapper {    
-  }
-}
 
 .sticky-header-nav {
 
@@ -258,20 +252,6 @@ body.has-toolbar {
       padding: 8px 10px;
       font-size: 14px;
     }
-    &.custom {
-      position: absolute;
-      left: -90px;
-      padding: 12px 10px;
-      display: flex;
-      background: white;
-      box-shadow: 0 -1px 2px 0 #cd4200;
-      color: #cd4200;
-      p {
-        position: relative;
-        top: 2px;
-        left: -7px;
-      }
-    }
   }
 
   .lead-navigation-item:hover {
@@ -282,12 +262,6 @@ body.has-toolbar {
   }
 }
 
-.custom-breadcrumb{
-  position: relative;
-  left: -160px;
-  top: -18px;
-  white-space: nowrap;
-}
 
 .header-image-wrapper {
   position: relative;