Modern Events Calendar Issue

[pizat2]

I need a little help! I'm using conferpress theme and Modern Events Calendar plugin. The single events pages seem to have the main website header cutting off the top of the events page content and i can't seem to figure out how to fix it. I'm assuming I need to add CSS somewhere to add padding but don't know how to accomplish that. Any help would be great.

 

[Aceee]

I think it is themes problem. Try to contact them regarding using that plugins

 

[frizzel]

It's difficult to say without a link to the actual website. When looking at the example of Conferpress, it seems to have a transparent header background and as they use big headers on all of their pages and events, that works. However, you don't have such a header and thus the result is as in your screenshot. The transparent header is probably a setting in either 'Theme Settings' or 'Customizer'.

If you'd like to keep that transparent look on other pages but not on the individual events pages, you can add the following custom CSS:

body.single-mec-events .wrap-nav {
    position: relative;
    margin-bottom: 30px;
    background: #000;
}

The background color is of course up to you, I chose black (#000) here.

Hope this helps.