diff --git a/src/app/components/elements/NavigationLinks.tsx b/src/app/components/elements/NavigationLinks.tsx
index 987237292c..24bba20991 100644
--- a/src/app/components/elements/NavigationLinks.tsx
+++ b/src/app/components/elements/NavigationLinks.tsx
@@ -2,6 +2,7 @@ import React from "react";
import {PageNavigation} from "../../services";
import {Link} from "react-router-dom";
import {Markup} from "./markup";
+import classNames from "classnames";
export const NavigationLinks = ({navigation}: {navigation: PageNavigation}) => {
const backToCollectionLink = navigation.backToCollection &&
@@ -44,11 +45,14 @@ export const NavigationLinks = ({navigation}: {navigation: PageNavigation}) => {
{previousItemLink}
- {backToCollectionLink}
+ {backToCollectionLink}
{nextItemLink}
- {threeLinks &&
+
{backToCollectionLink}
-
}
+
+
+ {backToCollectionLink}
+
>;
};
diff --git a/src/app/components/elements/TitleAndBreadcrumb.tsx b/src/app/components/elements/TitleAndBreadcrumb.tsx
index 79c1a2a097..e2297f163e 100644
--- a/src/app/components/elements/TitleAndBreadcrumb.tsx
+++ b/src/app/components/elements/TitleAndBreadcrumb.tsx
@@ -65,7 +65,7 @@ export const TitleAndBreadcrumb = ({children, breadcrumbTitleOverride, currentPa
collectionType={collectionType}
/>
{children}
-
+
";
+ color: black;
+ }
+
padding: 0;
- margin-right: 0.5rem;
+ margin-right: $breadcrumb-item-padding-x;
}
.breadcrumb-item:last-child::after {
diff --git a/src/scss/phy/page-title.scss b/src/scss/phy/page-title.scss
index 69635f9b13..33f80ab2bc 100644
--- a/src/scss/phy/page-title.scss
+++ b/src/scss/phy/page-title.scss
@@ -69,14 +69,27 @@
}
@include only-print {
- .bread:has(+ h1#main-heading) {
- + h1#main-heading {
+ background-color: transparent;
+
+ .title-graphics {
+ display: none;
+ }
+
+ h1#main-heading {
+ color: black;
+ }
+
+ // If there is a breadcrumb and a title, hide the title - otherwise hide the breadcrumb
+ .bread:has(+ .title-container) {
+ + .title-container {
display: none !important;
}
- }
- .bread:not(:has(+ h1#main-heading)) {
- display: none !important;
+ .breadcrumb-item a {
+ color: black;
+ }
+
+ background-color: transparent;
}
}
}