SIGN IN / ACCOUNT PAGE / LOGIN PAGE PROBLEM - WILL APPRECIATE A FIX OR SOME GUIDANCE INTO THE RIGHT DIRECTION

Hi there, 

14 hours ago, tuanphan said:

Try this CSS code

body:not(.header--menu-open) .header-menu div.user-accounts-link {
	display: none !important;
}

 

Thank you for this!

Its part of the solution, in order for your code to work I had to use a js too to make sure the burger menu is not opened at bigger screen viewports.

 

<!-- CLOSES BURGER MENU ABOVE 1200px IF OPEN -->
 <script>
        function closeBurgerMenu() {
            var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
            var burgerButton = document.querySelector('.header-burger-btn');
            
            if (viewportWidth > 1200 && burgerButton && burgerButton.classList.contains('burger--active')) {
                burgerButton.click(); // Simulate a click to close the burger menu
            }
        }

        window.addEventListener('resize', closeBurgerMenu);
        window.addEventListener('DOMContentLoaded', closeBurgerMenu); // Close menu on initial load
    </script>

This with your code did the trick for me. 

Thanks