Home Forums Free Themes  Travel Base div .tour-info on Travel Base Pro breaking UI on mobile

This topic contains 6 replies, has 2 voices, and was last updated by  wensolutions 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #96061

    Sakuna
    Participant

    Hey @support:

    The .tour-info div with the grey background is about 200% of the viewport width on mobile. This div, at least on my theme, appears on an individual Trip page.

    I tried adjusted closed the position: relative CSS, but this did not work. Desktop works as intended.

    Please let me know how to fix this.

    Thanks

    #96093

    wensolutions
    Keymaster

    Hello @sakun,

    Can you please provide your site URL so that we can provide the precise fix on this?

    Hoping to hear from you soon.

    Thank you.

    #96125

    Sakuna
    Participant

    Hi @support:

    Thank you for the follow up.

    trips[dot]sanooktiew[dot]com

    Any of the trip pages should display the issue.

    Please let me know and thanks

    #96173

    wensolutions
    Keymaster

    Hello,

    When we inspected your site URL, we found that there are some issues in the console.

    So we need your login detail for the further inspection of the issue.

    So please send in your login in the email given below:

    wptravel.io@gmail.com

    Thank you.

    #96178

    wensolutions
    Keymaster

    Hello,

    Thank you for the login detail.

    We have fixed the issue and now the site works fine in the responsive view.

    Let us know if there are any issues further.

    Thank you.

    #96179

    Sakuna
    Participant

    @support:

    Thank you for taking a look.

    Following your response above, I cleared the server cache and cleared the mobile cache, and then tested.

    The mobile and top bar menu still occur on first landing after clearing the cache, at least that happened on the homepage.

    Also, on the itinerary pages, the issue of the div tour info is still happening on my device. Again, I cleared the cached, so it isn’t a cached version I am viewing.

    I am using an iPhone, but that shouldn’t impact the mobile view.

    #96185

    wensolutions
    Keymaster

    Hello,

    The tab is not working due to the conflict with the plugin “SG Optimizer” which we have fixed now by deactivating the respective plugin.

    Also, to fix the issue in responsive view, add below given CSS in Additional CSS.

    @media screen and (max-width: 782px){
    html {
        margin-top: 46px !important;
        overflow: hidden;
    }
    }

    Hope this works.

    Thank you.

    Regards!!

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

You must be logged in to reply to this topic.