Login dropdown

Hello,

This is Definitely Possible. You will need to use the Alternate Mega Menu for this. Please consider using the following code for the Top Level Menu Item:

<li><a href="#"><div>Shortcodes</div></a>
	<div class="mega-menu-content style-2 clearfix">
		<ul class="mega-menu-column col-md-12">
			<li>
				<div class="widget clearfix">

					<h4>Login to your Account</h4>

					<form id="login-form" name="login-form" class="nobottommargin" action="#" method="post">

						<div class="col_full">
							<label for="login-form-username">Username or Email:</label>
							<input type="text" id="login-form-username" name="login-form-username" value="" class="form-control" />
						</div>

						<div class="col_full">
							<label for="login-form-password">Password:</label>
							<input type="password" id="login-form-password" name="login-form-password" value="" class="form-control" />
						</div>

						<div class="col_full nobottommargin">
							<button class="button button-3d button-black nomargin" id="login-form-submit" name="login-form-submit" value="login">Login</button>
							<a href="#" class="fright">Forgot Password?</a>
						</div>

					</form>

				</div>
			</li>
		</ul>
	</div>
</li>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Unfortunately, we currently do not provide Customization Services. You will need to Hire a Freelancer for Custom Services and Coding. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

We are always here to provide you with Support regarding any Issues you face and the Built-In Features of Canvas but we currently do not provide Customized Codes. Here is the Detailed Item Support Policy: http://themeforest.net/page/item_support_policy .

Nonetheless, we have created the Code for you:

<li><a href="#"><div><i class="icon-user"></i> Username <i class="icon-angle-down"></i></div></a>
	<div class="mega-menu-content style-2 clearfix">
		<ul class="mega-menu-column col-md-12">
			<li>
				<div class="widget clearfix">
					<img src="images/icons/avatar.jpg" alt="Avatar" class="alignleft notopmargin nobottommargin" style="max-width: 90px;">
					<h5 class="nobottommargin">Your Name</h5>
					<p style="margin-bottom: 10px;">username@email.com</p>
					<a href="#" class="btn btn-default">View Profile</a>
				</div>
				<div class="widget clearfix" style="margin-top: 20px;">
					<div class="list-group" style="margin: 0 -20px -30px;">
						<a href="#" class="list-group-item noradius noleftborder norightborder clearfix" style="border-color: #EEE;">Account Settings <i class="icon-line-cog pull-right"></i></a>
						<a href="#" class="list-group-item noleftborder norightborder clearfix" style="border-color: #EEE;">User Statistics <i class="icon-line-bar-graph-2 pull-right"></i></a>
						<a href="#" class="list-group-item noleftborder norightborder clearfix" style="border-color: #EEE;">Messages <span class="badge">5</span></a>
						<a href="#" class="list-group-item noleftborder norightborder clearfix" style="border-color: #EEE;">Favorite Snippets <i class="icon-line-heart pull-right"></i></a>
						<a href="#" class="list-group-item noradius noleftborder norightborder clearfix nobottomborder" style="border-color: #EEE;">Log Out <i class="icon-signout pull-right"></i></a>
					</div>
				</div>
			</li>
		</ul>
	</div>
</li>

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thank You so much for the Kind Words. Really Happy to Help! :)

Do let us know if we can help you with anything else or if you find any further issues with Canvas.