Hi!
Whenever we have the WPML Media Translation plugin active, it will break the custom page JS and CSS.
I switched to the main theme and disabled all plugins but WPML and our back-up plugin ManageWP.
It will mess with the format of the CSS and JS:
CSS:
.tab-hidden{n display: none !important;n}n
JS:
jQuery(document).ready(function($) {nn $('.tabs-component').on('click', '.tab-button', function(e) {n e.preventDefault();nn var $button = $(this);n var $component = $button.closest('.tabs-component');nn if (!$component.length) {n return;n }nn var allTargetSelectors = [];n $component.find('.tab-button').each(function() {n var target = $(this).data('target');n if (target && allTargetSelectors.indexOf(target) === -1) {n allTargetSelectors.push(target);n }n });nn var allPanelsSelector = allTargetSelectors.join(', ');nn if (allPanelsSelector) {n $component.find(allPanelsSelector).removeClass('tab_active');n }n n var currentTargetSelector = $button.data('target');n n if (currentTargetSelector) {n $component.find(currentTargetSelector).addClass('tab_active');n }nn $component.find('.tab-button').removeClass('active');n $button.addClass('active');n });nn});
When I disable the plugin and re-add the code, it works fine. When I re-activate the plugin and save the page, the formatting gets messed up again.
Any idea what could be wrong? Is this a bug or something we can fix? It seems to be happening since the last theme update.