Trip List Fixed Departure Length: Layout on Tablet

Homepage Forums WP Travel Trip List Fixed Departure Length: Layout on Tablet

This topic contains 5 replies, has 2 voices, and was last updated by  wensolutions 2 weeks, 6 days ago.

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

    Sakuna
    Participant

    Hey @support:

    The number of days displayed between the start and end dates on fixed departure trips is overlaid on the start and end dates on tablet devices.

    Thoughts on the CSS to fix this?

    #22351

    wensolutions
    Keymaster

    Hello,

    Actually, when we inspected your site URL, we found the days displayed between start date and end date is in correct form in tablet device(below: 992px).

    Also, during inspection of your site, we found the issue you have mentioned is above screen size 992px. So, to fix the issue, please add following given CSS code in Additional CSS section.

    @media screen and (min-width: 992px) and (max-width: 1100px){
     .trip_list_by_fixed_departure_dates_start{
      padding-right: 20px;
     }

    If you have any queries further, let us know.

    Thank you.

    #22388

    Sakuna
    Participant

    Hey @support:

    Thanks for the follow up.

    I input the CSS you shared, but that broke the layout so I removed the snippet. I failed to included an image of precise issue. Could you take a look at this screenshot to be sure we are on the same page?

    Thanks!

    https://drive.google.com/file/d/1u9zo3vPLWuelfIqdb232lYQkwRmkADoG/view?usp=sharing

    #22404

    wensolutions
    Keymaster

    Hello,

    Please add following given CSS code in Additional CSS section to resolve the issue related to layout.

    @media screen and (min-width: 577px) and (max-width: 768px){
      .trip_list_by_fixed_departure_dates .trip_list_by_fixed_departure_dates_list 
      .trip_list_by_fixed_departure_dates_length{
          top: 88px;
      }
    } 

    Also, if above CSS doesn’t resolve the issue then please provide us with specific screenshot of the page which include link of the page where the layout issue is appearing.

    If you have any queries further, let us know.

    Thank you.

    #22409

    Sakuna
    Participant

    Hey @support:

    Thanks for the follow up.

    This snippet at these media queries addressed the issue. Looking at the simulated tablet via the customizer, I thought this reflected tablet sizes, not just screen sizes in the ranges provided. Seems the customizer is somewhat misleading.

    Thanks for the solution!

    #22412

    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

    If you have any queries further,let us know.

    Thank you.

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

You must be logged in to reply to this topic.