- This topic has 5 replies, 2 voices, and was last updated 3 years, 5 months ago by
wensolutions.
- AuthorPosts
- December 27, 2019 at 8:15 am #22339
Sakuna
ParticipantHey @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?
December 27, 2019 at 9:09 am #22351wensolutions
KeymasterHello,
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.
December 29, 2019 at 1:43 am #22388Sakuna
ParticipantHey @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
December 30, 2019 at 4:40 am #22404wensolutions
KeymasterHello,
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.
December 30, 2019 at 9:16 am #22409Sakuna
ParticipantHey @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!
December 30, 2019 at 10:04 am #22412wensolutions
KeymasterHello,
Glad that we could help you.
If you have any queries further,let us know.
Thank you.
- AuthorPosts
- The forum ‘WP Travel’ is closed to new topics and replies.