Mobile Menu, not displaying secondary navigation

Store Design
, , , ,
1

Hi,

My sewcondary navigation for mobile isnt diaplaying on desktop where I use the mobile drawer, Also I’d like to remove the line ———– in between. Thank you! my site is : https://scntwrld.com/

image
image1161×1294 57.3 KB

desktops
desktops2530×1326 231 KB

2

First, you have this rule towards the bottom of the theme.css which hides your secondary menu on desktop:

@media only screen and (min-width: 750px) {
  .mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary .grid {
    display:none;
  }
}

And then you have a bunch of its children with class medium-up--hide
To show those on desktop, add rule like this:

.mobile-nav .medium-up--hide {
  display: block !important;
}

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it