Home Forums Pro Themes Travel Ultimate Pro Trip Tabs CSS? error

This topic contains 7 replies, has 2 voices, and was last updated by  wensolutions 2 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #95328

    Stuart Lade
    Participant

    Hey,

    bought the pro version (1.0.2) of Travel Ultimate and just wondering if you can fix this bug please? Something up with the trip-tabs? Others must be getting the same. I’ve done no modifications to this bit of the website, when I revert to the standard Travel Ultimate Pro theme instead of my child theme the problem is there so must be a problem from the outset.

    Screenshot below;

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

    #95372

    wensolutions
    Keymaster

    Hello,

    First of all thank you very much for using the theme.

    Regarding your query, actually, we are not quite clear with your issue.

    So can you please explain it more clearly, may with the proper screenshot so that we can help you further.

    Thank you.

    #95383

    Stuart Lade
    Participant

    Here’s a link to another screenshot highlighting the issue.

    https://drive.google.com/file/d/17ligGCwTD0Sp0WMgU74doJ1g5zkuCR0D/view?usp=sharing

    The problem seems to be with the <div id=”slider-tab”> or <div class=”slick-track”> that surrounds the

  • elements. These are inserted with javascript which wraps the wordpress templates (not sure why javascript is needed here, surely there’s a more elegant CSS solution?) but I don’t code in Js so can’t fix myself.

    The arrows for the slider both point up when I expect they’re supposed to point left and right.
    The arrows are misaligned to the tabs.
    The theme otherwise looks very smart but a bit disappointed to be having to try and fix stuff which is as stock should just work.

    I haven’t modified any parts relating to the Travel Tabs and have tested by reverting to the stock Travel Ultimate Pro theme (version 1.0.2 which I purchased a couple of months ago). Even using an unaltered theme this issue persists so I expect must be a problem for others?
    Running the latest WordPress version 5.1.1 and the latest WP Travel version 1.9.5.

    Can you provide a fix that sorts the Javascript issue out.
    If this is likely to take some time can you also provide a fix that strips out the Javascript slider and provide a simpler Tab solution.

    I can provide log in details if required as there is no sensitive information on the website currently.

    Thanks

    • This reply was modified 2 months, 4 weeks ago by  Stuart Lade.
#95443

Stuart Lade
Participant

Hey Guys,

have you had a chance to look at this? Can email me also.

Thanks

#95483

wensolutions
Keymaster

Hello,

When we inspected your site URL, we found that you have not activated the WP Travel plugin and hence we could not figure out the issue.

Can you please once activate the plugin and let us know so that we can inspect the issue further?

Hope to hear from you soon,

Best Regards!!

#95698

Stuart Lade
Participant

My site is in maintenance mode so you wouldn’t be able to see the issue obviously. The WP travel plugin is activated or how would I be generating the screenshots above?

As in my previous post, please can you email so I can provide login details as I’m obviously not going to post these on a public forum.

Thanks,

Stu

#95778

wensolutions
Keymaster

Hello,

Please provide your login details in the given address : wensolution[@]gmail.com

Hope to hear from you soon,

Regards!!

#95843

wensolutions
Keymaster

Hello,

Thank you for the login detail.

Please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS to resolve the issue.

.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-prev{
	 left: -25px;
	 border-right: 0; 
    transform: rotate(270deg);
}
.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-next{
	 right: -26px;
     border-right: 0; 
    transform: rotate(90deg);
}
.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-next, .wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-prev{
	border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    line-height: 0;
    top: 18px;
}

Hope this helps.

Thank you.

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

You must be logged in to reply to this topic.