something wrong after updating to latest version

[alfemand]

After update to latest version the mobile view of event listings don’t really look so good anymore. It is not using full width of screen. Could you please take a look and see if you can see what is going on
( pick an event and try to scroll all the way to bottom on a mobile)

[Geoff B.]

Good afternoon Michael and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the display of single events no longer being good on mobile.
I would love to help you with this topic.

I went ahead and checked your website and I see what you mean.

It turns out that the following CSS rule is causing this:

#tribe-events-content.tribe-events-single {
background: white;
margin: 0 0 30px;
padding: 50px;
}

Try adding the following CSS rule to your theme’s style.css or custom CSS section:

@media screen and (max-width: 768px) {
#tribe-events-content.tribe-events-single {
padding: 8px;
}
}

Let me know if that helps.

Have a great day!

Geoff B.

[alfemand]

It did not work, and i have discovered that this issue is happening on all my event pages. Also homepage of event( the one with map)

[Geoff B.]

Hey Michael,

Actually, I had to make a quick adjustment to the CSS after my initial reply.
Could you try the following updated code. Please overwrite the previous code completely:

@media screen and (max-width: 768px) {
#tribe-events-content.tribe-events-single {
padding: 8px !important;
}
}

You also might need to empty all of your cache (web browser and cache plugin if any) for this to work.

Let me know how that goes.

Best regards,
Geoff B.

[alfemand]

Thank you very much. That did the trick

[Geoff B.]

Hey Michael,

Awesome!

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