Home Forums Pro Themes Travel Master Pro Mobile version can’t show travel content and price details

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #188433
    eli sung
    Participant

    Mobile can’t show travel content and price details. It can’t be minimized and all the information is extended to the right but can’t wipe there in mobile version.

    #188435
    Psink
    Keymaster

    @ELIANDYAO, could you please share your site URL? We will inspect and get you back once we verify the issue and solution for fixing the issue

    #188451
    eli sung
    Participant

    Thanks and my site is:

    https://delightfultravelaus.com/

    #188456
    Psink
    Keymaster

    Please add this CSS in the Additional CSS

    @media screen and (max-width: 1024px){
    .single-itineraries.left-sidebar #primary, .single-itineraries.right-sidebar #primary {
    float: left;
    width: 100%;
    }
    .right-sidebar #secondary{
    display: inline !important;
    }
    }

    GO to Dashboard >> Customizer >> Additional CSS there you can paste the code and published the site

    Please let us know if there is still an issue

    #188469
    eli sung
    Participant

    Thanks and I think it works but still there’s a minor problem that the item names can’t be shown completely as in the photo.

    https://ibb.co/KXppYGZ

    #188474
    Psink
    Keymaster

    @ELIANDYAO, This may be due to the browser cache in your phone, the changes are not working properly. Could you please clear your browser cache and recheck the issue and also check in others’ mobile phones as well

    #188510
    eli sung
    Participant

    We have tried a few mobiles after clearing the cache but still happened. The text inside the text box won’t autofit but always go outside the box.

    #188512
    Psink
    Keymaster

    Could you please send us the URL of that particular page?

    #188515
    eli sung
    Participant

    https://delightfultravelaus.com/hurawalhi

    this is one of them especially if we need to put in long text.

    Thank s a lot!

    #188516
    eli sung
    Participant
    #188518
    Psink
    Keymaster

    I got it, please add this CSS

    .wp-travel-calendar-view .wp-travel-booking__pricing-wrapper .wp-travel-booking__pricing-name button font{
    white-space: normal !important;
    }

    #188520
    eli sung
    Participant

    Still not working in different types of browsers. The text will only fit in the box if I change the text size below 50%.

    #188524
    Psink
    Keymaster

    Please try this one code and remove previous one

    .wp-travel-calendar-view .wp-travel-booking__pricing-wrapper .wp-travel-booking__pricing-name button font,
    .wp-travel-calendar-view .wp-travel-booking__pricing-wrapper .wp-travel-booking__pricing-name button{
    white-space: normal !important;
    }

    #188587
    eli sung
    Participant

    It works perfectly!! Thanks a lot!!

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