No Still no luck with it unfortutely.
The code in the first like. Seems to disrupt the Mindbody appointment widget and make the date buttons bigger. (I have removed the code and dates revert to original style)
Header:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Footer:
<script>
$( ( ) => {
/*
add mindbody login register link to navigation
Version : 0.1d0
SS Version : 7.1
By : Thomas Creedon < http://www.tomsWeb.consulting/ >
*/
const dataSiteId = '102690';
const dataMbSiteId = '5721400';
// do not change anything below, there be the borg here
$( '<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"><\/script>' +
'<healcode-widget data-version="0.2" data-link-class="loginRegister" data-site-id="' + dataSiteId + '" data-mb-site-id="' + dataMbSiteId + '" data-type="account-link" data-inner-html="Login | Register" />' )
.appendTo ( '.header-nav-list, .header-menu-nav-folder-content' );
$( 'healcode-widget:first' )
.addClass ( 'header-nav-item header-nav-item--collection header-nav-item--active' )
.attr ( 'data-animation-role', 'header-element' );
$( 'healcode-widget:last' )
.addClass ( 'container header-menu-nav-item header-menu-nav-item--collection' );
} );
</script>
Any idea on a fix?
Screen shot attached.
Thanks in advance!