Vertical White Line in the Middle of an Organizers Page

[michaeldboyer]

When viewing an organizer’s page on a mobile device we get a vertical white line in the middle of the page as you see in the screenshots.

Michael Boyer
[email protected]

[Shelby]

Hi Michael,

This seems to be related to how your theme is interpreting our CSS. You should be able to fix it by adding this bit of CSS to your “Additional CSS” section under the customizer 🙂 :

#tribe-events-header:before { display: none; }

Please let me know if you have any other follow up questions or need clarification!

Best,

Shelby 🙂

[michaeldboyer]

I added this to the my CSS but it did not solve the problem.

Thank you!

[Shelby]

Hey Michael,

I think that may be only part of the solution. Can you remove the code I previously gave you so I can see that element’s code when I inspect your site please? 🙂

Hoping to get you squared away today.

Thanks!

Shelby 🙂

[michaeldboyer]

Ok, Thank you so much it has been removed.

Michael

[michaeldboyer]

Shelby,

Any chance you have an update for this issue?

Thank you so much!

[Shelby]

Hi Michael,

Apologies for the delay, yesterday got away from me. 🙂

So here’s the revised version of the code:

@media only screen and (max-width: 768px) {

#tribe-events-header {
 position: inherit;
 display: inline;
 }

}

Let me know how this goes!

Best,

Shelby 🙂

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts