.menu {
    > ul {
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;

        ul {
            padding: 0;

            a {
                padding-left: $menu-item-padding-left;
            }
        }
    }
    ul {
        list-style: none;

        li {
            padding: 0;
            margin-top: 0;
            display: block;

            &.active,
            &:target {
                > ul {
                    display: block;

                    li {
                        display: block;
                    }
                }
            }

            > ul {
                list-style: none;
                display: none;
            }
        }
    }
}

<div class="menu ps ps--active-y" data-scroll="">
    <a class="logo" href="/">
        <img alt="" src="http://localhost:8000//public/menu_logo/8f86ad7121b755328fe35ff8040065da8fc0f09a14666e999e4d3326a4e6eda6">
    </a>
    <div class="social-bar">
        <a class="social-icon facebook" href="https://www.facebook.com/" target="_blank">
            <!-- SVG Logo -->
        </a>
        <a class="social-icon tumblr" href="http://tumblr.com/" target="_blank">
            <!-- SVG Logo -->
        </a>
        <a class="social-icon instagram" href="https://www.instagram.com/" target="_blank">
            <!-- SVG Logo -->
        </a>
        <a class="social-icon deviantart" href="https://deviantart.com/" target="_blank">
            <!-- SVG Logo -->
        </a>
        <a class="social-icon patreon" href="https://www.patreon.com" target="_blank">
            <!-- SVG Logo -->
        </a>
    </div>
    <ul>
        <li class=" highlight" id="menu-145">
            <a href="#" target="_blank">Shop</a>
        </li>
        <li class=" " id="menu-146">
            <a href="/artworks">Artworks</a>
        </li>
        <li class=" highlight" id="menu-147">
            <a href="#menu-147">Digital Art</a>
            <ul>
                <li class=" " id="menu-148">
                    <a href="/digital-art/artwork">Artwork</a>
                </li>
                <li class=" " id="menu-149">
                    <a href="/digital-art/spring">Spring</a>
                </li>
            </ul>
        </li>
        <li class=" " id="menu-150">
            <a href="/lorem">Lorem</a>
        </li>
        <li class=" " id="menu-151">
            <a href="/contact-me">Kontakt</a>
        </li>
    </ul>
</div>