From f947978918f800cf5cc176310b54665e69afc2b9 Mon Sep 17 00:00:00 2001
From: DanielCliftonGuardian
<110032454+DanielCliftonGuardian@users.noreply.github.com>
Date: Wed, 16 Sep 2026 13:02:15 +0100
Subject: [PATCH 1/2] Include top above nav ad slot mobile on puzzles pages
---
dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx | 4 ++--
dotcom-rendering/src/layouts/PuzzlesLayout.tsx | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx b/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
index 5f7b36d454e..18abf106b7f 100644
--- a/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
+++ b/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
@@ -47,7 +47,7 @@ describe('PuzzlesLayout', () => {
).not.toBeInTheDocument();
});
- it('keeps global chrome while respecting ad-free input', () => {
+ it('renders both header slots without experiment participation and respects ad-free input', () => {
const { rerender } = render(
,
);
@@ -62,7 +62,7 @@ describe('PuzzlesLayout', () => {
).toBeInTheDocument();
expect(
document.getElementById('dfp-ad--mobile-above-nav'),
- ).not.toBeInTheDocument();
+ ).toBeInTheDocument();
});
it('renders the illustrated header with responsive sources and a fixed height', () => {
render();
diff --git a/dotcom-rendering/src/layouts/PuzzlesLayout.tsx b/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
index a2ff837f0d2..43aa610715f 100644
--- a/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
+++ b/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
@@ -110,7 +110,7 @@ export const PuzzlesLayout = ({
padSides={false}
shouldCenter={false}
>
-
+
)}
From 22170777eacf834bfc59d9ab477a437f3baa9568 Mon Sep 17 00:00:00 2001
From: DanielCliftonGuardian
<110032454+DanielCliftonGuardian@users.noreply.github.com>
Date: Wed, 16 Sep 2026 15:02:05 +0100
Subject: [PATCH 2/2] Fix ad background on wide screens
---
dotcom-rendering/src/components/PuzzlesDirectory.tsx | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/dotcom-rendering/src/components/PuzzlesDirectory.tsx b/dotcom-rendering/src/components/PuzzlesDirectory.tsx
index b3114920b42..031dd8535b4 100644
--- a/dotcom-rendering/src/components/PuzzlesDirectory.tsx
+++ b/dotcom-rendering/src/components/PuzzlesDirectory.tsx
@@ -395,8 +395,7 @@ const nestedStyles = (span: number) => css`
`;
const adStyles = css`
- max-width: 1300px;
- margin: 0 auto;
+ width: 100%;
overflow: hidden;
background: ${palette.neutral[97]};
`;