Monthly Mobile View not working?

[lakelandmom]

Is there currently a bug with the monthly mobile view not working? I was under the impression that on mobile the monthly view is a small calendar with dots indicating events. Instead mine is just the full monthly calendar shrunken down to mobile size with all the events listed on each day of the month.
Found a few other recent threads indicating the same issue but without a solution.
Website in question:
http://www.lakelandmom.com/events

Thanks!

[Jeremy]

Hi,

Thanks for reaching out to us! I’d be happy to help you 🙂

When did you notice your monthly mobile view stopped working properly? After the last update of our plugin?

Could you try to deactivate all other plugins to see if that makes a difference? And could you switch to the default theme? Please read carefully our documentation about Testing for conflicts before doing anything.

Also, could you share your System Information so that I could understand your setup better?

Thanks in advance,
Jeremy

[lakelandmom]

Deactivating the plugins didn’t work, but it did work to change to Tribe Event Styles instead of Full Style, a suggestion I found in another support ticket with the same issue.

Thanks!

[Jeremy]

Hi,

I’m glad you managed to get your mobile styles back to normal 🙂

Do you have other related questions or should I close this ticket?

Cheers,
Jeremy

 

[lakelandmom]

I posted this in a separate support thread, but since you asked I am still having an issue.

I have Avada and finally figured out how to get the calendar navigation to show above the month view on desktop, but the monthly navigation still doesn’t show up on mobile above the month! (It does show up at the bottom of all the events. http://www.lakelandmom.com/events

Any suggestions for CSS to fix this?

Also – is there any way to us CSS to change what information is displayed for the daily events on mobile monthly view? I’d love to add the Venue and possibly remove the excerpt. I know a new stylesheet is ideal but that requires me to hire outside help and hoping to avoid that until I get down the road.

Thank you!

[Jeremy]

Hi,

To solve your navigation issue on mobile, you may add the following css snippet in Appearance > Customize > Additional CSS:

@media only screen and (max-width: 800px) {
  #tribe-events-content #tribe-events-header .tribe-events-sub-nav li {
    margin-top: 0px;
  }
}

Regarding your other question, you could remove the excerpt on the mobile view by adding this to your Additional CSS:

.tribe-events-calendar .tribe-events-mobile .tribe-event-description { display: none; }

To add the Venue details on the mobile monthly view, that would be trickier. You would probably have to modify the mobile.php file, located at wp-plugins/the-events-calendar/src/views/month/mobile.php. First, copy this file, then you could override this template in your own theme by creating a file at: [your-theme]/tribe-events/month/mobile.php.
Please read carefully our Themer’s Guide before doing anything.

If you opened a separate thread for this, we could help you find the right path.

I hope this helps.

Cheers,
Jeremy

[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