Hi,

You can add custom HTML and Navigation as your example site by go to Appearance > Menus, create a new menu then select display at Primary Menu.

By default, this menu will be hidden on Mobile, please go to Appearance > Customize > Custom CSS, then add the following custom CSS code to display on mobile:

@media only screen and (max-width: 960px) {
    #navigation .menu {
        display: block;
    }
}

Best Regards,
PenciDesign.

Hi,

1. Please view this image to understand the location of the Navigation Menus:

As you see in the image above: Primary Menu, Topbar Menu, and Footer are 3 different location show menus on your site.

2. In the Appearance > Menus, you can show the list items like the screenshot above, you can read this article for instructions. If you want to display more HTML elements, please send me an example of your code, I'll help you implement it on your website.

Best Regards,
PenciDesign.

Hi,

Please follow the instruction to add your item to Navigation:

1. Install Code Snippet plugin,

2. Create a new snippet and add the following code:

add_filter( 'wp_nav_menu_items', 'e128_add_custom_menu_link', 10, 2 );
function e128_add_custom_menu_link( $items, $args ) {
    if ( 'main-menu' == $args->theme_location ) {
        $items .= '<button type="button" class="wahout aicon_link" accesskey="z" aria-label="סרגל צד של עוזר נגישות" title="סרגל צד של עוזר נגישות">
                        <img src="https://icwf.co.il/wp-content/uploads/2021/06/accessibility-icon-128px.png" alt="נגישות" class="nolazy aicon_image" style="vertical-align:unset;">
                    </button>';
    }
    return $items;
}

Save & done.

Regards,
PenciDesign.