Wordpress Fixes

bookingmood_embed.html

<p></p><script src="https://www.bookingmood.com/js/embed.js"></script>
<div data-bm="calendar/<REPLACE-WITH-CALENDAR-ID>" data-bm-layout="popup" data-bm-label="Έλεγχος διαθεσιμότητας" data-bm-background-color="#2563eb" data-bm-color="#fff" data-bm-width="#50" class="wp-bookingmood-widget"></div>

twenty_seven_additional.css

/*
Theme: https://wordpress.org/themes/twentyseventeen/

Paste this in Appearance -> Customize -> Additional CSS
*/

/*
Adjust the menu width (when viewed on large screens)

Why: The menu may be too long in some langues, and ends up wrapping into 2 lines on desktop,
even if there's enough space for it on the screen.
*/

.navigation-top .wrap {
  max-width: 1020px;
}

@media screen and (min-width: 48em) {
  .navigation-top .wrap {
    max-width: 1020px;
  }
}

/*
Adjust button radius for Bookingmood embedded widget.
`class="wp-bookingmood-widge"` must be added in the <div> element of the embed (see bookingmood_embed.html in this gist)
*/
.wp-bookingmood-widget > div[style] {
  border-radius: 9999px !important;
}

wpglobus_custom.js

// This fixes language selection on mobile for the https://wpglobus.com/ plugin flag widget
// Paste this in WPGlobus -> Custom code -> Custom JS Code
// Original solution posted: https://wordpress.org/support/topic/wpglobus-mobile-menu-probleme/
// Do NOT include this comment

jQuery(document).on('click', '.wpglobus-current-language .wpglobus-selector-link a', function(e) {
    window.open(jQuery(this).attr("href"), "_self");
});
jQuery(document).on('click', '.wpglobus-current-language a', function(e) {
    return false;
});