Enfold and Events Calendar Pro – display problems and missing settings

OK, I need a solution to this problem. I will post other issues separately, though they are related.

Content added to “Add HTML before event content” is hidden behind the search bar. It also pushes the search bar down, leaving a gap between the header and the search bar.

This has happened in other installations of Enfold where I installed Events Calendar. It does not happen in other themes.

This a screen shot of the text added to the Before Event HTML

This is a screen shot of how it is hidden behind the tribe events bar.

In my OP I provided the URL and login credentials. You can go and see this for yourself. Please help me make this work the way it is supposed to.

Thank you. Any chance that will be soon? I need this issue resolved so I can finish up the site for my client.

• This reply was modified 8 years, 7 months ago by keribird.

The problem is on the Events landing page. http://69.89.31.168/~ealthih6/events/

I had tried that originally before seeking support. It doesn’t work. Here is a screenshot:
https://www.dropbox.com/home/enfold?preview=enfold-before-under-search-bar.png

Changing the margin of the tribe events bar doesn’t work — it gets overridden. But it’s not desirable anyway. I don’t want that bar to get pushed farther down the page because I’ll end up with a huge white space between the header and the page content.

The problem is the top of the tribe template is under the events bar.

This is what it looks like with nothing in the “before” field:
https://www.dropbox.com/home/enfold?preview=enfold-no-before.png

This is what it looks like with text in the “before” field. It simply pushes the whole tribe page template down.
https://www.dropbox.com/home/enfold?preview=enfold-tribe-template-div-with-before.png

That behavior is not right. It doesn’t happen in other themes.

OK, I published them on my website: http://kbird.com/enfold-calendar-issue/

Excellent! Thank you! We’re almost there.
Just need to lower the subnav “Previous Events” “Next Events” and the Title “Upcoming Events” so that it is half way between the before text and the date heading. It’s currently jammed up against the “before” content. I added screen shots to the top of this page: http://kbird.com/enfold-calendar-issue/
I was able to move the subnav with this css:

#tribe-events-header .tribe-events-sub-nav {
position: relative;
top: -10px !important;
}

(without the !important, it was overridden)
But I can’t figure out how to move the Upcoming Events.

Perfect! Thank you so much for your help!

Hi again. I’m not sure why I didn’t notice this before, but the individual event pages now look odd with a huge white space between the header and page content.
Screenshot: http://kbird.com/enfold-calendar-issue/
Sample page: http://69.89.31.168/~ealthih6/event/free-event-sunshine-in-the-summertime/2016-06-06/

Is it possible to have the padding just target the main event list pages where the tribe events bar appears?

Thanks
K

That’s weird. I just got the error when I clicked the link, but when I went to the homepage http://69.89.31.168/~ealthih6/ and then navigated to that event, it worked fine. Then I clicked the link in my post again and it went to the page, no error. No idea what that was. Can you try it again?

I get it when I click the link, but when I refresh the page, I get the page and am able to navigate the site like normal.

We launched the site.
Here is the new link

I added that, it didn’t change the way the page looks. I’m trying to get rid of all that white space between the header and “before” menu on the event pages.

Excellent! Thank you!