Calendar display doesn't show month title

Most likely this is some CSS styling issue with your theme or another plugin that is either hiding the divs that show that info, or possibly another element is overlapping (like a large header area).

Best way is to use the View Source or Inspect Element feature of your browser and find the month title and navigation arrows, and look to see if their display is being hidden or made much smaller by some other CSS (depending on the browser, you can see which CSS file is being used for each CSS rule applied to an element), or check out the elements above it (such as header areas or other content near the top of the page) to see if those are extending down into the calendar area.

I’m having the same problem. I can see the month and year when I use the web inspector but I’m not sure what to do about solving the problem.

mccare.greymaple.org/calendar

Thank you,
Chris Toney

It shouldn’t be my job to teach people basic HTML and CSS. That’s beyond the support for my plugins.

However, in your case Chris, the answer is fairly obvious if you take the time to inspect the Month and Year elements using the “inspect element” feature of your browser.

Your theme is settings HUGE font sizes for H2 and H3 elements, which is making the Month and Year items too big to fit into the navbar area of the calendar.

So, you either need to reduce those huge font sizes for H2 and H3 elements, or you need to add some targeted CSS to your theme via the “Customize” feature (add to the Additional CSS textbox).

The elements you want to target are:
h2.pta-sus-month
h3.pta-sus-year

Add some CSS to set the font size for those elements with those particular classes to a size that works for you.

It would look something like this:

h2.pta-sus-month {
font-size: 1rem;
}
h3.pta-sus-year {
font-size: 0.75rem;
}

I’m using rem for the size, since that’s what your theme is using for the default h2 and h3 sizes, I just made them small enough to be seen in that nav area. You can adjust the size to taste.

I’m sorry. Thank you for your response.