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

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 24, 2019 at 12:29 pm #96061
    Jade
    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

    April 24, 2019 at 11:56 pm #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.

    April 25, 2019 at 9:32 am #96125
    Jade
    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

    April 26, 2019 at 1:48 am #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.

    April 26, 2019 at 2:58 am #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.

    April 26, 2019 at 3:08 am #96179
    Jade
    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.

    April 26, 2019 at 5:09 am #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!!

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