Events page - remove white space above calendar

Hi There!

I am using Events Calendar Pro on this page: https://staging.visitlongbranch.org/events/; however, there is a very large white space on the page above the calendar. Is there any way to fix this?

Please let me know.

Thanks in advance,
Heather

Hello there,

I inspected your site header and found that the header image has been disabled. Did you intentionally do this? To see what’s actually in the header, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-image {
        background-image: url(https://staging.visitlongbranch.org/wp-content/uploads/2017/06/cropped-Main-Photo.jpg) !important;
    }

Regards,
Kharis

Yes, I did mean to hide the header image.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .post-type-archive-tribe_events .site-header {
      background-color: #333;
      position: static !important;
    }

    .post-type-archive-tribe_events .header-image {
      display: none;
    }

You may need to adjust the header bar color background to meet your design requirements.

Regards,
Kharis