Calendar Top Text (Title, etc.) behind page

Hi @debsher

I’m sorry to hear that you’re experiencing this issue.

If you remove the padding-top:200px; from the following element, your month name should return there: https://p.tri.be/hujB0w

I hope that helps!

Thanks,
Jaime

Hi Jaime –
Thanks for your response. I’ve looked for that code everywhere, but I can’t find it. Where is it located?
Thanks,
Deb

Hi @debsher

If you add the following to your theme’s stylesheet, that should help the issue:

.et_pb_module .et_pb_fullwidth_header . et_pb_fullwidth_header_0 .et_pb_text_align_left .et_pb_bg_layout_dark {
padding-top: 0px !important;
}

Let me know if that helps!

Thanks,
Jaime

Hi Jaime –

Unfortunately, that didn’t fix it. I was able to get the month heading to appear by changing the height of the fullwidth header, but it’s hitting the bottom of the header and the side of the page. I’ve tried to adjust various settings without luck.

Thanks,
Deb

Hi Jaime –

I adjusted the top margin in the design module and was able to get some space about the date title. I still can’t move it away from the right margin.

Thanks,
Deb

Hi @debsher

Thanks for your response. I do see what you mean there.

Which events template are you using? Can you try using the Default Events Template under Events Settings > Display and see if that makes a difference?

Let me know!

Thanks,
Jaime

Hi Jaime –

I tried the Default Events Template and that was still problematic. I did however find a partial fix – I unchecked the “Enable updated designs for all calendar views” option and now I can see everything in its proper place. However, now the individual events have a display problem – The fullwidth header formatting along with the theme menu/header formatting is gone.

Thanks,
Deb

I rechecked “Enable updated designs for all calendar views” and I’m still having problems with the header displaying on some of the individual events.

Hi @debsher

I’m sorry to hear that you’re still experiencing some display issues here.

Can you link me to an individual event where you are seeing this issue so that I can take a look?

Thanks,
Jaime

Hi Jaime –
Thanks for your response. Here’s a page with header display issues: https://bnaitorahgwl.org/event/yom-kippur/

Thanks,
Deb

Hi @debsher

Can you try adding the following CSS:
.tribe-events-back {
margin-top:150px !important;
}

Let me know if that helps!

Thanks,
Jaime

Hi Jaime –

That fixed the single event header. Thanks very much!

Deb

That’s so great to hear!

I’m going to go ahead and mark this thread as Resolved for now, but feel free to open up a new one if anything else comes up.

Have a wonderful day!

Thanks,
Jaime