My current project involves working on a website that utilizes the meanmenu plugin. I have been facing a challenge for the past two days in trying to display a title inside the mean menu container.
Here is the HTML code snippet for the menu:
<div class="row">
<div class="col-lg-4 col-md-8 col-sm-4">
<h2>Title Text</h2>
</div>
<div class="col-lg-8 col-md-12 col-sm-12 hidden-xs">
<div class="main-menu float-right">
<nav>
<ul>
<li class="active"><a href="#banner">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#features">What We Do</a></li>
<li><a href="#screenshots">Our Work</a></li>
<li><a href="#support">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
<div class="hidden-sm hidden-lg hidden-md col-sm-2">
<div class="mobile-menu">
<nav>
<ul>
<li class="active"><a href="#banner">Home</a></li>
<li><a href="#about">About Us</a></li>
<li class="hidden-xs"><a href="#features">What We Do</a></li>
<li><a href="#screenshots">Our Work</a></li>
<li><a href="#support">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
Expanded view: https://i.sstatic.net/Ng4Ia.png I am struggling with keeping it inline in the collapsed state: https://i.sstatic.net/3LTye.png
I have searched for solutions online without success. Is there anyone who has encountered and resolved this issue before?