topbar-menu : open in mobile

[spadovan]

Hi,

i'd like to automatically open topbar-menu items (add active-top-menu css) on mobile devices.
In other words: when the app is shown on mobile devices the three dots button appears. When the users click on it i'd like that the menu items with submenu are automatically open.

Is it possible ?

thanks

Simone

[spadovan]

Can anyone answer this topic, please ?
thanks

[mert.sincan]

Please try;

Code: Select all

<script type="text/javascript">
    $(function() {
        var topbarItems = $('.topbar-items').children('li'),
        isDesktop = window.innerWidth > 1024;

        if(!isDesktop) {
            topbarItems.addClass('active-top-menu');
        }

        $('#topbar-menu-button').on('click', function() {
            topbarItems.addClass('active-top-menu');
        });

        $(window).resize(function() {
            isDesktop = window.innerWidth > 1024;
            if(isDesktop) {
                topbarItems.removeClass('active-top-menu');
            }
        });
    });
</script>

[spadovan]

It works ! Thank u very much !!

[mert.sincan]

Glad to hear, thanks for the update!