sadly the topic is closed: . https://kriesi.at/support/topic/search-function-with-link-list/

what i got so far:
https://enfold.webers-webdesign.de/pages

this is only for pages ( if you like to have that for posts – just change the post-type )
i managed it by a custom shortcode – then place this as : [glossary] on your page

function az_index($post_id) {
    $AZposts = get_posts(array(
        'numberposts'       => -1,
        'post_type'         => 'page',
        'orderby'           => 'title',
        'order'             => 'ASC',
        // 'category'           => $cat
    ));

    $current = "";
    $nav = "";
    $postlist = "";
    foreach($AZposts as $AZpost) {
        $postLink = get_permalink( $AZpost->ID );
        $firstletter = strtoupper(substr($AZpost->post_title,0,1));
        if($firstletter != $current) {
            $nav .= "<span class='firstletters'><a href='#$firstletter'> $firstletter </a></span> ";
            $postlist .= "<h3 class='firstletter' id='$firstletter'> $firstletter </h3>\n";
            $current = $firstletter;
        }
        $postlist .= "<span><a class='postlink' href='".$postLink ."'>" . $AZpost->post_title.  "</a></span><br>\n";
    }

    print $nav . "<br><br>" . $postlist;
}
add_shortcode( 'glossary', 'az_index' );

and :

.firstletters {
  padding: 0 10px ;
  background: #900;
  margin-right: 5px;
  display: inline-block;
}

.firstletters a {
  color: #FFF;
  text-align: center !important;
}

i tried to have unordered list after the h3 headings – but i couldn’t find a way to do that ( loop is hard to find the place to insert that tags ) – maybe a mod got a good idea

you can do that manually – via dashboard – menu ( place your logo as img tag inside a custom-link menu-item. – img tag goes to label input field )
this starts with logo top – navigation below ( and then set the logo container to display none ( in desktop mode)

or have a look at: https://pureinstall.webers-testseite.de/logo-centered/
this starts with logo left – menu right ( then the hamburger position of logo will be adjusted allready)

btw – dear devs : Is it intended that the label will be affected when selecting “Show on hover only”?
On default button it is the icon!

Anyway – if you do not use that option :

#top .av_promobox .avia-button-wrap.avia-button-right .avia-button {
  display: flex !important;
}

#top .av_promobox .avia-button-wrap.avia-button-right .avia_button_icon {
  order: 2;
  margin-left: 15px
}

if you do not want to affect all promo box elements with button – use a custom class on that element f.e.: right-icon

#top .av_promobox .avia-button-wrap.right-icon .avia-button {
  display: flex !important;
}

#top .av_promobox .avia-button-wrap.right-icon .avia_button_icon {
  order: 2;
  margin-left: 15px
}

Test is working without changing avia-snippet-sidebarmenu.js

but: What I noticed on this occasion is that the advanced layerslider are not styled correctly for the header sidebar. What was set for Header Top Centered in the layerslider is suddenly far from being centered. This is of course related to the fixation of the header. Fixed elements are, so to speak, outside the DOM.

Edit:
I now know what the problem was: the layer slider has a switch in the advanced project settings. There is a setting called “Fit to Screen Width” where it says : “If enabled, the slider will always have the same width as the viewport, even if a theme uses a boxed layout, unless you choose the “Fit to parent height” full size mode.”

sadly you do not go to your topics once posted : https://kriesi.at/support/topic/right-sidebar-menu-sticky/

I find the method of simply using the Header on Left Sidebar variant and simply moving it to the right, while retaining the properties set there, is also easy to implement.

However, if it is now included in the next version – it is of course the better option.