Get unwanted right sidebar in single event view using the Default Events Templat

[Robert Hickling]

Hi there,
I’m seeing a right-hand sidebar on my single event view that wasn’t there before some updates. Can you help me turn off the sidebar somehow? I’m using the Default Events Template.
Thanks,
Robert

[Robert Hickling]

It seems like it may have to do with the following css:

@media screen and (min-width: 970px){
.sidebar-right .wf-container-main {
-ms-grid-columns: calc(100% – 26% – 25px) 50px calc(26% – 25px);
grid-template-columns: calc(100% – 26% – 25px) calc(26% – 25px);
}
}

[Geoff B.]

Good evening Robert and welcome back!

First off, I would like to apologize for the delay answering.
We are currently experiencing a higher level of requests than usual.

Please rest assured that we are working hard at correcting this situation.
We appreciate your patience while we try to normalize things.

Thank you for reaching out to us.

We are sorry to hear about the sidebar creeping up on your single event template.
I would love to help you with this topic.

The first thing I would recommend is making sure that all caches are cleared.
Once that is done, head over to Events -> Settings -> Display and quickly switch to another template under Events Template. Return to your current setting, empty the cache one more time and see if that helps.

If not, the CSS solution you found is awesome.
Another approach would be to do a template customization of the single event view.

You might want to read our Themer’s guide to get a sense of how that works.

Let me know if that helps.

Have a great day!

Geoff B.

[Robert Hickling]

Hi, Geoff,
I tried the clearing cache method, and quick change of templates to no avail.
What would you recommend in terms of modifying the css I pulled out?
Thanks,
Robert

[Geoff B.]

Good evening Robert,

The main issue is the use of the display: grid element.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

@media screen and (min-width: 970px){
.single-tribe_events .sidebar-right .wf-container-main {
display: block !important;
}
}

You might also have to tweak the featured image size or make it float left.

Let me know how that goes.

Best regards,
Geoff B.

[Robert Hickling]

That seemed to do it, Geoff. Thanks!

[Geoff B.]

Good evening Robert,

I am super stoked to hear that.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts