Is there a way to inject custom code to a calendar block event page?

Hi everyone, I need some advice on how to change aspects of the calendar block's event listings. Once you click on a calendar event and are taken to that event page listing (where the title and description of that event is), there is no padding between the top of that event title and my navigation header.

I have used custom css to add padding and a sticky nav bar to the top of my page, and need to add padding in between where the calendar event title is and the bottom of the nav bar. Is it possible to change event listings themselves? Or is there no way to do this?

See what I mean here:

The community will need a working link to the page on your website in order to see the issue, the template you are using and the settings in use.

If your site isn't live yet, please check the visibility settings to ensure we can view the site content. If the site is still in trial mode you will need to set a site password and tell us what it is.

Apologies!

Here's the page:https://www.abigailskitchennyc.com/cooking-classes

I'm using Foster.

Apologies!

Here's the page:https://www.abigailskitchennyc.com/cooking-classes

I'm using Foster.

This issue is indeed caused by the CSS you have added to the site to try to create a fixed nav bar. It's incomplete and doesn't take account of the effect it has on the page canvas. The first step is to remove this so that the site works properly, then build a more comprehensive (ie working) solution for a fixed header.

BrandonW has provided a great introduction to the issues of doing this on a Brine template like yours: https://answers.squarespace.com/questions/135243/prevent-the-navigation-bar-from-disappearing.html