Advanced Tabs active tab style broken

Hi there,
Greetings. Thanks for reaching out. Hope you are doing well.

Regarding your query, I would like to suggest you to check if you are using the latest version of the Essential Addons or not. If you are using an old version I would like to suggest you to update the plugin to the latest version and check the issue again.

Please let me know how it goes. I am here to assist you further.

Thanks.

I can guarantee you that all plugins, wordpress and everything is 100% up to date. This is a website that I have just created. I did double check, just to be sure. That is absolutely not the problem.

Again, if you visit this page: https://shipyardohio.com/sports/pickleball/adult-pickleball-sample

You will see the tabs in the middle. The first tab breaks the styling of the content. If you click back and forth between tabs, the style looks fine again. It is the first load that is broken.

THese tabs are showing Saved Templates on the Content Type.

Hi @blindaman,
Greetings. Thanks for sharing the URL and details. I really appreciate this.

Regarding your query, I have checked the issue and found that you are using same ID name for the first 2 tabs and this may cause the issue. For reference please check this screencast – https://d.pr/v/lmdfqs

I would like to suggest you change the ID from one of the first 2 tabs and content and check again by clearing your browser cache. Hope this will help you out. Please let me know how it goes. I am here to assist you further.

Thanks and Regards.

Well, it happens on every other page too. Could you try actually looking at the code?!?!?!?

JUST TO BE SURE.. i removed the extra tab. I have this tabs section on 12 other pages of this website and this happens on EVERY. SINGLE. ONE.

Do you have a supervisor that you can escalate this to? I think it requires someone with a little more knowledge.

Hi @blindaman,
Greetings. Hope you are doing well.

Regarding your query, I have checked your issue and found that you have used a 3rd party plugin content inside the EA Advanced Tabs. The 3rd party widget somehow could not be added its all the classes on the first load and this is why you are facing the issue.

On the page load the container classes is –
tribe-common tribe-events tribe-events-view tribe-events-view--list alignwide tribe-events-view--shortcode tribe-events-view--shortcode-4f9b6411

When resize the window then the container class is
tribe-common tribe-events tribe-events-view tribe-events-view--list alignwide tribe-events-view--shortcode tribe-events-view--shortcode-4f9b6411 tribe-common--breakpoint-xsmall tribe-common--breakpoint-medium tribe-common--breakpoint-full

So these classes is added after resized the window –
tribe-common--breakpoint-xsmall tribe-common--breakpoint-medium tribe-common--breakpoint-full

For reference please check this screencast – https://d.pr/v/eaVVPe

Though this issue is not from our plugin end but I am sharing a custom JS that will fix your issue on all pages. Please add the below custom JS to your site and check. Hope this will help you out.

jQuery(window).on('load', function(){
jQuery(this).trigger('resize');
});

Thanks and Regards.

Hello @blindaman,
Greetings! Hope you are doing well.

We haven’t received any updates regarding the issue mentioned earlier. Could you please let us know if the issue still persists or not?

We would greatly appreciate an update.

Thank you.
Have a good day!

Hello @blindaman,

I hope you are doing well.

About your issue, We still haven’t heard back from you. So, I am assuming your issue has been resolved. I am resolving this topic.

I wanted to let you know that you are always welcome to re-open the topic if you have any further questions or concerns.

Before opening a new request, however, I kindly request that you take a moment to read through this post. It may contain the answers to your questions or provide you with a solution to your issue. If you still require assistance after reading this post, please do not hesitate to reopen the thread or submit a new request.

Thank you for your attention to this matter. I look forward to hearing from you soon.

Have a nice day!