Month view – make events non-clickable on non-mobile versions

  • Resolved rothster

    (@rothster)


    3 years, 6 months ago

    Hi,

    I have finally gotten all my css customizations to where I want, but now have one question. This is for non-mobile (desktop) month view – The tooltips that are there give me all the info I need to display, and I dont want the events clickable (again just on the desktop version). I know I can use “cursor: default; pointer-events: none;” as my css to stop the click action, but what class do I need to assign this to?

    Again, this is for the desktop version only – when someone clicks on an event, I dont want it to go to the event page, I want it to stay on calendar. Your tooltips are great and give me everything I need

    I do want the behavoir to stay the same on mobile devices

    Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support iammarta

    (@iammarta)

    Hi @rothster ,

    Thanks for reaching out!

    You can try using the following CSS rule with media query:

    .tribe-events-calendar-month__calendar-event-title, .tribe-events-calendar-month__multiday-event-hidden-link.tooltipstered {
    pointer-events: none;
    }

    Hope that helps!

    Best regards,
    Marta

    Hi there!

    This thread has been inactive for a while so I’ll be marking it as Resolved.

    Please feel free to open a new thread if any other questions come up and we’d be happy to help.

    Best regards,

    Marho

    Thread Starter rothster

    (@rothster)

    Hello Margo,

    Thanks, but that also stops the tooltips which I would like to keep.

    Anything I can do?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Month view – make events non-clickable on non-mobile versions’ is closed to new replies.