Multiday events not displaying correctly initially

  • Resolved sdcbmthsch

    (@sdcbmthsch)


    10 months, 1 week ago

    Hi, when multi-day events are displayed on the month view initially, they do not display for their full duration. Changing to another month fixes this! Even going back to the original month then displays correctly, but refreshing the page causes it to display incorrectly again.

    The bar which is supposed to span all days of the multi-day event does not show all the way across – until changing month, at which point it will display over all appropriate days.

    Any advice would be gratefully received.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Guga Alves

    (@gugaalves)

    Hi there,

    Testing your website I can see that your theme is adding the CSS classes “col-lg-6 col-md-6” into the <article> html tags and changing the width to 50%, and that’s changing the event width.

    A good test would be adding the following PHP snippet at wp-admin > Appearance > Customizer > Additional CSS section:

    .tribe-events .col-lg-6, .tribe-events .col-md-6 {width: 100%;}

    Also, note that as this is something being added by your theme, for a definitive solution, it would be better to contact your theme providers and let them know about the issue their theme is causing on the Events Calendar.

    Thread Starter sdcbmthsch

    (@sdcbmthsch)

    Thank you so much! That’s perfect! May I ask how you determined what the fault was? I tried analysing/inspecting the CSS of the page and I couldn’t see this!

    We really appreciate your help, thanks again.

    Stephen

    Plugin Support Guga Alves

    (@gugaalves)

    Hi Stephen,

    If you check your page source code and search for col-lg-6 or col-md-6, you’ll see those CSS classes added on a <article> tag.

    I already knew that those column classes are provided by Bootstrap breakpoints (what you can see at https://getbootstrap.com/docs/5.0/layout/breakpoints/ ). As our plugin doesn’t include bootstrap classes, your theme should use it to provide a responsive layout.

    Digging deeper, your page source code shows that it is using Bootstrap, as that bootstrap.css file path points to your theme folder: https://domainb95446.stackstaging.com/wp-content/themes/sydney/css/bootstrap/bootstrap.min.css

    • This reply was modified 10 months ago by Guga Alves.
    • This reply was modified 10 months ago by Guga Alves.
    Plugin Support Darian

    (@d0153)

    Hi there,

    It appears that there hasn’t been any recent activity on this thread, so we’ll consider it resolved. However, if you have any additional questions or concerns, feel free to start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Multiday events not displaying correctly initially’ is closed to new replies.