Filter Bar Hidden Behind Header

[foothills]

Hello,

The filter bar on my site is hidden behind the header.

Is there a fix for this?

http://foothills.org/calendar

[Geoff]

Hi @foothills,

Thanks for getting in touch and welcome to the forums!

It looks like the fixed position of the site header in the CSS is blocking things up. You could try a couple of things:

1) Switch templates

If you head to Events > Settings > Display, then you can change the default calendar template to one of your site’s page templates. This would frame the calendar the same way the rest of your site’s pages are set up.

2) Remove the fixed header position in CSS

You could remove the fixed header feature for events by adding something like this to your theme’s style.css file:

.events_archive .l-header.pos_fixed {
position: relative;
}

That would override the CSS for the calendar archive pages so the header does not interfere with the Filter Bar.

Will either of these options work for you? Please let me know. 🙂

Cheers!
Geoff

[foothills]

I switched templates and now the calendar starts about 1/4 down the page on larger screens but starts in a normal position on mobile.

Any ideas?

[Geoff]

Hi @foothills,

It looks like that gap is coming from the theme’s styles. You can override it with this:

.events-archive .l-canvas.sidebar_none .l-section {
padding: 0 40px !important
}

Let me know if that helps!

Geoff

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts