Hi,

The menu displayed content. After ceate item menu, you need to clear the menu cache and site cache.

Oh, sorry, I deleted your message to check so it doesn't show up anymore. A little confused how the menu display is as follows:

1. Menu Type : Catalog category. It only will show the item subcategory.

2. Menu Type: Static Content. It will show content.

I'm so sorry for this inconvenience. With menu type: Catalog category doesn't have static content. Show only item categories.

You can add code below:

You don't add html code with Text Element and need use HTML code Elements. 

Example code below:

<div class="mega-menu-content">
<div class="line">
<div class="top_content static-content col-12 hidden-lg hidden-tb hidden-mb">
<h5 class="mg-bottom-10 mg-top-10">TOP CONTENT</h5>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
<hr></div>
<div class="col-12 col-des-6">
<ul>
<li class="level1"><a href="{{store url='../'}}men.html"><span class="mega-menu-sub-title">Categories</span></a> <span class="toggle-menu hidden-lg"> <a> <span class="fa fa-plus"> </span> </a> </span>
<ul class="sub-menu">
<li>
<div class="line">
<div class="col-12 col-des-6">
<ul>
<li><a href="{{store url='../en/men.html'}}">1 Column</a></li>
<li><a href="{{store url='../men/watch.html'}}">2 Columns Left</a></li>
<li><a href="{{store url='../men/footwear.html'}}">2 Columns Right</a></li>
<li><a href="{{store url='../men/clothing.html'}}">3 Columns</a></li>
</ul>
</div>
<div class="col-12 col-des-6">
<ul>
<li><a href="{{store url="../en/furniture.html/?___store=ca"}}">Products Hover Effect 2 <span class="label-menu" style="right: -12px;">New</span> </a></li>
</ul>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-12 col-des-3">
<ul>
<li class="level1"><a href="{{store url='../'}}"><span class="mega-menu-sub-title">Collection</span></a> <span class="toggle-menu hidden-lg"> <a> <span class="fa fa-plus"> </span> </a> </span>
<ul class="sub-menu">
<li><a href="{{store url='../en/women.html'}}">Collection Grid Layout</a></li>
<li><a href="{{store url='../en/couple.html'}}">Collection Masonry Layout</a></li>
<li><a href="{{store url='../en/fashion.html'}}">Collection Lookbook Layout</a></li>
</ul>
</li>
</ul>
</div>
<div class="right_content static-content col-12 col-des-3 hidden-lg hidden-tb hidden-mb">
<div class="menu-banner"><img class="img-responsive" src="{{media url=wysiwyg/banner_menu.jpg}}" alt="">
<div class="text"><button class="btn btn-default2">Accessories</button></div>
</div>
</div>
<div class="bottom_content static-content col-12 hidden-lg hidden-tb hidden-mb"><hr>
<h5 class="mg-bottom-10 ">BOTTOM CONTENT</h5>
<div class="mg-bottom-10 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
</div>
</div>
</div>

You can use the item Element of default Magento to create content. I think you need to read docs Page Builder .