How to create top-bar menu items?

cemsdb

How does one create horizontal menu items in the top-bar position? I attempted to use a menu-module but the items are shown vertically (and the font is red and badly configured). Is there a way to show the menu items in a menu-module horizontally and configured to look like the rest of the top-bar items (ex: address+phone number)?

Or should I create a custom module instead? Or something else?

cemsdb

It seems the solution is to copy-paste the 'Topbar Left' module and then edit 🙂

dominic

Hi cemsdb,
You can duplicate the topbar left module to custom the menu on the topbar with the HTML/CSS. However, if you want to use the Menu Module. After creating the menu module for the Topbar position, you can add the following CSS code to the "‎/templates/ja_morgan/local/css/themes/style-2/template.css"
The file to resolve the items is shown vertically.

.topbar-left {
    display: flex;
}
.topbar-left ul.nav li {
    display: inline-block;
}
.topbar-left ul.nav li a:hover {
    color: #000;
    background: transparent;
}
.topbar-left ul.nav li a {
    color: #999;
}

Hope this help!