Support

Home Forums Event Espresso Premium Event page not displaying correctly, appearing over the top of the navigation

Event page not displaying correctly, appearing over the top of the navigation

Posted: March 26, 2021 at 9:02 am


LearningCog

March 26, 2021 at 9:02 am

Hello

We’ve just had some major changes to our website and it’s caused issues relating to our events page. When we click on ‘register’ within our training calendar, it takes us to the individual event page, however it’s not displaying correctly. You can see how the event is appearing over the top of the navigation. How do I get this to display correctly? I understand it’s to do with the archive / custom post? Is there a way to do this without accessing the php files directly?

You’ll need to bear with me as not very literate when it comes to coding etc

Event pages can be accessed from the ‘register’ link on https://www.learningcog.com/solutions/training-calendar

We are using Avada Theme.

Cheers

Troy


Tony

  • Support Staff

March 26, 2021 at 10:12 am

Hi Troy,

We’ve just had some major changes to our website and it’s caused issues relating to our events page.

Have you recently just started using Avada or were you already using it and someone redesigned the site for you with it?

How do I get this to display correctly? I understand it’s to do with the archive / custom post?

Event Espresso uses your themes archive.php an single.php template files (or whatever your theme uses following the template hierarchy and injects the details into the_content.

Which in short means to properly fix this your theme needs to adjust the templates used so that they display correctly. Right now without fusion builder being used on a page the content doesn’t display correctly.

I can give you some CSS to help with the above, but you will likely find other pages that need fixing.

.single-espresso_events header.fusion-header-wrapper {
    position: relative;
    background: #000;
    margin-bottom: 3rem;
}

Will ‘fix’ the single event output.

.post-type-archive-espresso_events header.fusion-header-wrapper {
    background-color: #000;
    margin-bottom: 3rem;
}

That will ‘fix’ the event archive.

You could do with the designer/deveoper who made changes to the site going through and addressing the style issues shown on the site as you could end up just patching this up for a while.


LearningCog

March 26, 2021 at 11:50 am

Thank you, that sorted it! I’ll speak to our developer as you mentioned.

The support post ‘Event page not displaying correctly, appearing over the top of the navigation’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso