Mobile view shows on desktop after clicks, CSS missing
-
TEC has a mobile/responsive bug on my site. On deskop, when the Month view first loads (on mysite.com/events/), it properly shows the desktop view, and the outermost div includes these 3 CSS classes :
- tribe-common–breakpoint-xsmall
- tribe-common–breakpoint-medium
- tribe-common–breakpoint-full
But when a user navigates to another month (on mysite.com/events/month/2024-02/), TEC incorrectly uses the MOBILE VIEW. That happens because those 3 breakpoint classes are lost from that div.
Yet, if the page is reloaded via browser refresh button, the view is again correctly the Desktop view, with the 3 needed classes.
Seems like a JS bug? I do not see js errors on browser console.
NOTES
- My block-editor for events is disabled.
- Site is bulit in Bricks Builder. But otherwise it works ok (though editing TEC templates to alter layouts and override TEC css is quite difficult)
Any assistance greatly appreciated.
The page I need help with: [log in to see the link]
- You must be logged in to reply to this topic.