Topic Tag: Front-end display

Problem: I would like to add a search input field into my mobile main menu. I also use WPML and have a language switcher in the header.

Solution: Use the following code to append a search input field to your mobile menu:

function add_last_nav_item($items, $args) {
  if (get_term($args->menu)->term_id == 4) {
        $homelink = get_search_form( false );
        $items = $items;
        $items .= '<li class="visible-xs-block">'.$homelink.'</li>';
  }
  return $items;
}
add_filter( 'wp_nav_menu_items', 'add_last_nav_item', 10, 2 );

The menu item will also be appended to non-mobile versions, but will be hidden using CSS.

Relevant Documentation: https://developer.wordpress.org/reference/hooks/wp_nav_menu_items/

Problem:
Simply activating Layouts (alone) on a WooCommerce site breaks the shop page design and it looks just like a normal post archive. The issue appeared while using Avada theme or Twenty Seventeen theme.

Solution:
Updating Toolset plugins resolved the issue. Please make sure all Toolset plugins are updated to latest versions as a primary check. If they are old ones, then please update All Toolset plugins to latest versions by using Automatic Update from the WordPress dashboard: https://toolset.com/faq/how-to-install/

Or you can download it from your account: https://toolset.com/account/downloads/

Relevant Documentation:
https://toolset.com/faq/how-to-install/