For the complete documentation index, see llms.txt. This page is also available as Markdown.

Theme OceanWP: Use language selector in the main menu

How to fix the language selector in mobile menu of OceanWP theme

To build its mobile menu, the OceanWP theme duplicates the main menu with modified attributes, which breaks the Weglot switcher there. Add the JavaScript below (via Code Snippets or your theme's functions.php) to fix the switcher classes in the OceanWP mobile menu.

OceanWP theme: https://oceanwp.org/

add_action( 'wp_footer', 'weglotsupport_wpocean_menu' );
function weglotsupport_wpocean_menu() {
    ?>
    <script type="text/javascript">
        /* WEGLOT FIX WP OCEAN MENU */
        jQuery(document).ready(function ($) {
            var weglotMenuDone = false;
            jQuery(document).on('click', '.oceanwp-theme .mobile-menu', function () {
                if (weglotMenuDone) {
                    return;
                }
                jQuery(".sidr-class-weglot-flags").each(function () {
                    if (typeof jQuery(this).attr("class") !== 'undefined') {
                        var element_class = jQuery(this).attr("class");
                        jQuery(this).addClass(element_class.replace(/sidr-class-/g, ''));
                    }
                });
                weglotMenuDone = true;
            });
        });
    </script>
    <?php
}

Last updated