Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1056743

    Hi there,

    I use the Events Calendar PRO pluginn. The mobile version does not work as i want. The ‘next’ and ‘previous’ link do not show up in the mobile version. In the pc version of the site these two links show up above the events.

    Do you have any idea of solving this problem?

    #1056980

    Hey hanssmeijsters,

    The links seems to be hidden from the plugin on mobile.
    You can contact the plugin author, I am sure they will be able to help further.

    Best regards,
    Basilis

    #1058681

    Hi there,

    I contacted the plugin developer and they answered that the Enfold theme templates override the originals of the Events Calendar plugin.

    Look the discussion on https://kriesi.at/support/topic/default-template-settings-missing-from-event-calendar-pro/ about this issue. I did add the suggested hook in the functions.php file. The ‘next’ and ‘previous’ link showed up on the mobile version, but a lott of the styling broke down. I only want to show up the ‘next’ and ‘previous’ link on the mobile version. I can not manage that on my own.

    Help with achieving that would be highly appreciated.

    #1059415

    Hi,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 770px) { 
    #tribe-events-header .tribe-events-sub-nav li a {
        display: block !important; 
    }
    }

    Please see the screenshot in Private Content area of the expected results, and Please clear your browser cache and check.

    Best regards,
    Mike

    #1059580

    Hi Mike,

    Thanks. This works fine!
    Do you know if there is a way to change the position of these links. Ik would like to show them under the agenda.

    #1059631

    Hi,
    To move the pre-next nav to the bottom, Try adding this code to the end of your functions.php file in Appearance > Editor:

    function move_event_header_nav(){
      ?>
      <script>
      jQuery(window).load(function(){
        jQuery( '#tribe-events-header:first' ).appendTo( '.tribe-events-loop' );
        });
    </script>
    <?php
    }
    add_action('wp_footer', 'move_event_header_nav');
    

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.