Customize The Accordion Menu

Hello Ghassan,

Changing the icons to match your example may be accomplished by adding this filter to your active theme’s functions.php file. One you have the menu in place I can assist you with styling if needed.

add_filter( 'advanced_sidebar_menu_accordion_styles', 'asm_fa_icons' );
function asm_fa_icons( $styles ) {
   $styles['arrow']['expand']   = '<i class="fa fa-plus-square left_menu_79" aria-hidden="true"></i>';
   $styles['arrow']['contract'] = '<i class="fa left_menu_3 fa-minus-square" aria-hidden="true"></i>';

   return $styles;
}

If you check the option “Display widget on every page” while using the “Advanced Sidebar Pages Menu” you will be able to select a parent page and create a menu based on the selected page and it’s children.

I can confirm the accordion feature also works when “Display widget on every page” is checked and a page with children is selected as the parent page. (Example: Shop).

I’m not familiar with Elementor, however I took a quick look at your page settings and it appears you are able to select a sidebar on the page edit screen. Adding the widget to the sidebar you select will allow it to appear on an Elementor page. If you would like an Elementor page to appear in the menu, you must ad it as a child page of the parent page you select in the widget settings.

Looking good. Glad you got this sorted!