Header bar disappears in custom collection index page

Themes
1

I’ve tried to follow the “Building Content Collections” tutorial for my site. The collection won’t show up on the homepage (www.edwardsedition.com) but will instead show up at www.edwardsedition.com/newsletter. This works okay but the top menu bar disappears on the newsletter page. How do I fix this?

image
image1770×559 45.3 KB

image
image1772×733 69.2 KB

(Here’s my routes.yaml)

routes:

collections:
  /:
    permalink: /{slug}/
    filter: tag:-a-running-commentary
    template: index
  /newsletter/:
    permalink: /newsletter/{slug}/
    filter: tag:a-running-commentary
    template: index
taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/
2

It looks like there is a CSS rule on your homepage that sets the navbar’s z-index to be above the image.

Because the newsletter collection isn’t on the homepage, it doesn’t include this rule (screen.css line 489).

You’ll need to add that rule in to get the navbar to show up.

1 Like