This will give you a standard horizontal DIV menu.

1. add " nav-pills" to the menu suffix in the joomla footer menu module, notice the space at the beginning, keep this.
2. add this code to ../g5_helium/custom/scss/custom.scss

   /* Horizontal DIV menu */
   
   /* removes the vertical seperators */
   .moduletable .nav.menu.nav-pills {
   	padding-bottom: 0;	
       /* border: 1px solid #e0e0e5; - white border */
   	border: none;
   }
   
   /* Corrects Spacing */
   .moduletable .nav.menu.nav-pills li {
   	margin-bottom: 0;
   	margin-right: 0.625rem;
       border-bottom: none;
   } 

Other CSS rules for nav-pills in a Gantry theme

Make the menu thinner (ideal for top-bar menus)

/*-- Make Nav Pills Menu Thinner --*/

/* Remove padding from menu wrapper */
.moduletable .nav.menu {
	padding: 0;
}
/* Remove the padding at the bottom of the <li> */
.moduletable .nav.menu li{
	padding-bottom: 0;
}

/* remove margin and padding from the link */
.nav-pills > li > a {
	padding-top: 2px;
	padding-bottom: 2px;
 	padding-right: 2px;
	padding-left: 2px;    
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;    
	line-height: 10px;
}

/* Gantry changes the link and background colour when the link is selected - this corrects that */
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	color: inherit;
	background-color: inherit;
}

/* Add space between icon and text for the link item */
.nav-pills .fa::before {
	margin-right: 5px;
}

/* when screen is too small, center the menu and prevent going under the hamburger */
@media only all and (max-width: 47.938rem) {   
    #g-top-bar .g-content {
        text-align: center;
        /* padding: 0.45rem; */
    }
}

/* style <li> items */
.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li a:focus {
	font-size: 1.1rem;
	font-weight: bold;
	/*white-space: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;*/
}