Reply To: improve the filter logic of goods

If I use this code

@media (max-width: 1024px) {
.topbar-content .topbar-menu li.menu-item-register {
	position: absolute;
		top: -900px;
}
	
.topbar-content	.topbar-menu .menu {
	border-right: none;
}

	.login-form-popup .menu-item-register .sub-menu-dropdown {
    position: fixed;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    opacity: 1!important;
    visibility: visible!important;
    -webkit-animation: none!important;
    animation: none!important;
    margin-top: 0!important;
    pointer-events: visible;
    pointer-events: unset;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: transform 0s ease,opacity 0s ease,visibility 0s ease;
    -webkit-transition: opacity 0s ease,visibility 0s ease,-webkit-transform 0s ease;
    transition: opacity 0s ease,visibility 0s ease,-webkit-transform 0s ease;
    transition: transform 0s ease,opacity 0s ease,visibility 0s ease;
    transition: transform 0s ease,opacity 0s ease,visibility 0s ease,-webkit-transform 0s ease;
	}
	
	.login-form-popup .menu-item-register .login-dropdown-inner {
	padding-top: 50px;
    padding-bottom: 50px;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;	
	}
	
	.login-form-popup .menu-item-register .close-login-form {
		display: block;
	}
  body .top-bar-left,
	body .topbar-left-text {
	display: none;
	}

body .top-bar-right {
	overflow:hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	}
}

Attachments:

You must be logged in to view attached files.