Change Order of WP Menu and WPML Switcher

Hello,

On the site I’m working on using Enfold child theme, we are using WPML, which is automatically appending the language switcher to our header/navigation as well as the secondary menu (sub_menu as named by Enfold). We have also added customized widget area, which is ordered third in the markup. So my markup ends up in this order:

<nav class="sub_menu">
<ul id="avia2-menu" class="menu"></ul>
<ul class="avia_wpml_language_switch avia_wpml_language_switch_extra"></ul>
<div id="gform_widget-2" class="widget clearfix gform_widget"></div>
</nav>

I can’t switch the order via CSS floats/flexbox etc. for various reasons. The easiest thing to do would be for the theme to add the WPML switcher before the secondary menu in the markup.

The WPML config is not editable via a child theme (I tried copying folder over to the child theme–didn’t work) and I really don’t want to make changes in the base Enfold theme.

Is there a way I can change the order of those elements from the functions.php of the Enfold Child Theme? So that my markup comes up like:

<nav class="sub_menu">
<ul class="avia_wpml_language_switch avia_wpml_language_switch_extra"></ul>
<ul id="avia2-menu" class="menu"></ul>
<div id="gform_widget-2" class="widget clearfix gform_widget"></div>
</nav>

• This topic was modified 5 years, 10 months ago by Steveatpeak.