Hide Bottom Header Border In Mobile Navigation

Hi

Follow to @tuanphan code.

Replace that code with this code in Design -> Custom CSS

@media screen and (max-width:767px) {
body.header--menu-open  .header-announcement-bar-wrapper {border:0 !important;}
body:not(header--menu-open) .header-announcement-bar-wrapper {border-bottom: 1px solid #333 !important;}
}

Please use the like button if it helps you!

Best,
Leopold

Add to Home > Design > Custom CSS

/* Remove mobile header border */
@media screen and (max-width:767px) {
.header-announcement-bar-wrapper {border: none !important;}
}

Is there a way to make the border disappear only when the mobile navigation opens?