Drop Down Menu Options not Showing on Mobile

Hi! I have a custom mega navigation menu for my website. On desktop the drop down options work - I hover over the main menu buttons and the drop down options appear. However, on mobile the drop down options do not appear. Instead, only a 'back' option is shown. Screenshots are attached. 

How do I fix this?

Thanks!

It looks like a possible code problem, you will need to post the website address for folks to take a look and come up with a fix for you. 

Here is the link! https://www.hergloballife.com

Should I provide the code as well? @derricksrandomviews

That would be a big help. 

@derricksrandomviews Here is the code: 

// Fading Folder Nav //

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  transition: ease-in-out 0.5s;
}

// Remove Active Nav Line //

.header-nav-item--active a {
    background-image: none !important;
}

//Meganav Format: Folder "The Journal"//
.header-display-desktop [href="/the-journal"] + .header-nav-folder-content{
   width:100vw;
   right:0 !important;
   left: 0 !important;
   position:fixed;
   box-sizing:border-box;
   padding-top:0px !important;
}

@media only screen and (max-width: 767px) {
  .header-journal-nav-folder[data-folder="root"] {
    display: none !important;
  }
  .header-journal-nav-folder-content .header-menu-controls {
    display: none;
  }
  .header-journal-nav-folder:not([data-folder="root"]) {
    transform: unset;
    transition: unset;
  }
}

//Meganav Format: Folder "The List''//
.header-display-desktop [href="/the-list"] + .header-nav-folder-content{
   width:100vw;
   right:0 !important;
   left: 0 !important;
   position:fixed;
   box-sizing:border-box;
   padding:0px !important;
}

//Meganav Format" "The Shop"//
.header-display-desktop [href="/the-shop"] + .header-nav-folder-content{
   width:100vw;
   right:0 !important;
   left: 0 !important;
   position:fixed;
   box-sizing:border-box;
   padding:0px !important;
}

// Header Nav Width Adjustment
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 2 0 100%;
}
.header-layout-branding-center-nav-center .header-actions--right {
  position: relative;
  right: 4vw;
}