Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1160255

    Hello, I’m referring to: https://kriesi.at/support/topic/events-calendar-with-sidebar/#post-787130

    I successfully integrated the sidebar to the calendar view in desktop view. Unfortunately the sidebar disappears in mobile/tablet view although it ist set on “on” in Enfold template settings (“Sidebar on Smartphones”).

    Is there something I missed?
    Thanks in advance.

    #1160826

    Hey Ralf,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    #1164871
    This reply has been marked as private.
    #1165066

    Hi Ralf,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .events-list .sidebar {
        display: block;
    }
    }

    Best regards,
    Rikard

    #1165127
    This reply has been marked as private.
    #1165655

    Hi seitenprofi,

    https://share.getcloudapp.com/wbukmDNN I am seeing it on the single event page.

    https://share.getcloudapp.com/v1umrPR5 And on the category page too.

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    #1167272
    This reply has been marked as private.
    #1167589

    Hi,

    I can’t see the CSS I sent being applied to your site. Please add it to Quick CSS, then select to delete the old CSS and JS files under Enfold->Performance. Also please clear your local browser cache before checking the results:

    @media only screen and (max-width: 767px) {
    .events-list .sidebar {
        display: block !important;
    }
    }

    Best regards,
    Rikard

    #1168400
    This reply has been marked as private.
    #1168722

    Hi,
    Sorry for the late reply, and thanks for the links. So in mobile view the sidebar will need to go below the content because otherwise there is not enough room to show it. Please see the link in the Private Content area for the page I tested on.
    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: 767px) {
     .responsive #top.single-tribe_events #main .sidebar {
        display: block !important; 
    }
    #top.single-tribe_events #main .sidebar {
        border-left-style: none !important;
        border-left-width: 0px !important; 
        clear: both !important; 
    }
    #top.single-tribe_events #tribe-events-content.tribe-events-single {
        margin-left: 0 !important; 
    }
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1168813

    Thank you very much. It works great!

    #1168864

    Hi,

    I’m glad this was resolved. If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘The Events Calendar with sidebar – mobile view’ is closed to new replies.