Ultimo

Create the file app/design/frontend/Infortis/ultimo/Ves_Megamenu/layout/default.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
		<css src="Ves_Megamenu::css/ultimo-styles.css" />
</head>
  <body>
    <referenceContainer name="store.menu">
      <block class="Magento\Framework\View\Element\Template" name="catalog.topnav.menu" as="catalog.topnav.menu" template="Ves_Megamenu::mainmenu.phtml">
          <block class="Ves\Megamenu\Block\Menu"  name="catalog.topnav.navigation" as="catalog.topnav.navigation" template="Ves_Megamenu::topmenu.phtml" ttl="3600">
            <arguments>
              <argument name="alias" xsi:type="string">menu-top</argument>
            </arguments> 
          </block>
      </block>
    </referenceContainer>
  </body>
</page>

Then create new file app/design/frontend/Infortis/ultimo/Ves_Megamenu/templates/mainmenu.phtml

add content for it:

<?php
/**
 * Main menu bar
 *
 */
?>
<?php 
$naviClasses = "";
?>
<div class="navi-wrapper">
    <div id="nav-marker-regular"></div>
    <nav id="mainmenu" class="<?php echo $naviClasses; ?>">
        <?php echo $this->getChildHtml('catalog.topnav.navigation'); ?>
    </nav>
    <div class="nav-border-bottom"></div>
</div>

Download the file app/design/frontend/Infortis/ultimo/Ves_Megamenu/web/css/ultimo-styles.css at here then update for your site.

7KB

ultimo-styles.css

Or you can download the patch file for ultimo theme at here .

5KB

patch_ultimo.zip