HomePage Forums Traveler Reducing the size of the calendar

This topic contains 2 replies, has 3 voices, and was last updated by  shinehelp 4 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #582

    Hi there,

    Could you please suggest a css hack to reduce the height of the calendar cell’s and hide the text box with the date below?

    I’m trying to reduce the overall size of the booking form to make it fit better on mobile devices?

    Best regards


    You can try this css code:

    @media (max-width: 992px) {
    .single-st_activity .activity_show_caledar_below_off .calendar-content .fc-view.fc-month-view.fc-basic-view {
        padding: 30px;
    .single-st_activity .calendar-content .fc-content-skeleton .fc-event .btn {
        height: 35px;
    .single-st_activity #form-booking-inpage.activity_booking_form .book_form .row>.col-xs-12:first-child{display: none !important;}



    Hello kylehill,

    You can try to use Bryan’s code. If it isn’t fit with you, please take a screenshot is marked red where you want to change. I will help you.

    Hai Nguyen

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘Traveler’ is closed to new topics and replies.