Support » Plugin: The Events Calendar » Search Bar broken on Mobile

  • Resolved justlevine

    (@justlevine)


    Hi, our search-bar is broken on mobile.

    Seems that as of version 4.6.26 something in the javascript is overwriting our styles despite us having chosen Skeleton Styles in the settings.

    The section of JS thats running haywire over the theme\tribe-events\modules\bar.php file is in tribe-events-bar.js: 50

     * @function eventsBarWidth
     * @desc eventsBarWidth applies responsive css classes to the bar to adjust its layout for smaller screens.
     * @param {jQuery} $tribebar The event bar jquery object.
     */
    function eventsBarWidth( $tribebar ) {
    	if ( $tribebar.parents( '.tribe-bar-disabled' ).length ) {
    		return;
    	}
    
    	var tribeBarWidth = $tribebar.width();
    
    	if ( tribeBarWidth > 800 ) {
    		$tribebar.removeClass( 'tribe-bar-mini tribe-bar-collapse' ).addClass( 'tribe-bar-full' );
    	}
    	else {
    		$tribebar.removeClass( 'tribe-bar-full' ).addClass( 'tribe-bar-mini' );
    	}
    	if ( tribeBarWidth < 728 ) {
    		$tribebar.removeClass( 'tribe-bar-mini' ).addClass( 'tribe-bar-collapse' );
    		closeFiltersToggle( $( '#tribe-bar-collapse-toggle' ) );
    	}
    	else {
    		$tribebar.removeClass( 'tribe-bar-collapse' );
    		openFiltersToggle( $( '#tribe-bar-collapse-toggle' ) );
    	}
    }

    This wasnt overriding our css before…

    • This topic was modified 1 year, 6 months ago by justlevine.
    • This topic was modified 1 year, 6 months ago by justlevine.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,
    I’m having issues with the same area of JS since we updated to 4.7.3.
    The layout for the events bar (views/modules/bar.php) has altered significantly, and the search filters are now toggled open by default, then clicking on #tribe-bar-collapse-toggle closes the filters then immediately re-opens them.
    This did not happen prior to the upgrade, we use skeleton styles and use the supplied template for the search bar.
    Even removing all our styles for the search bar does not prevent this behaviour.
    Thanks

    • This reply was modified 1 year, 6 months ago by AppSol.

    Hey there,

    Thanks for reaching out 😄

    Sorry for the wait! We’ve been experiencing a high volume of support requests.

    Since new updates have rolled out, is this issue still present?

    Have a great day!
    Ed ✌️

    Hey there,

    Since this topic has been inactive for a while, I’m going to go ahead and mark as resolved. Don’t hesitate to reopen or create a new topic if you still need help! 😄

    Take care,
    Ed 🤟

    Just found this thread, I am experiencing the same issue. Have there been any updates/fixes that would address this?

    Thanks!

    @paulpalmer89 honestly I just added some !important declarations to my css. 🤷‍♂️

    Since there’s been several releases since and this thread got ‘resolved’, you might be better off creating a new one, so it gets the attention it deserves.

    • This reply was modified 1 year, 3 months ago by justlevine.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search Bar broken on Mobile’ is closed to new replies.