Forcing mobile nav for desktop on Lange Template

Hi All,

Looking for some help on forcing the mobile navigation for desktop on the Lange template. The theme doesn't have the mobile breakpoint slider so was hoping someone could point me to the next best solution. Appreciate the feedback!

Add to Home > design > Custom CSS

@media screen and (min-width:768px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}

@tuanphan Hey thank you for sending. This unfortunately doesn't do anything. Am I missing something?

17 hours ago, Ryan_design said:

@tuanphan Hey thank you for sending. This unfortunately doesn't do anything. Am I missing something?

Can you keep the code & share link to your site?

On 5/12/2020 at 7:14 AM, tuanphan said:

Can you keep the code & share link to your site?

billsilvaentertainment.com

On 8/13/2020 at 10:52 PM, Ryan_design said:

billsilvaentertainment.com

Sorry, I thought Lange is SS 7.1 template

Remove above & add this to Home > Design > Custom CSS

/* remove desktop header */
header#header {
    display: none;
}
/* Show mobile header */
.mobile-bar-wrapper {
    display: flex;
}
.mobile-branding-wrapper {
    flex-grow: 1;;
}
svg.Icon.Icon--hamburger {
    fill: black;
    stroke: black;
}
label.mobile-nav-toggle-label {
    flex-grow: 1;
    text-align: right;
}