how to use the "MEGA MENU" link at the "TOP BAR / LINKS" class?

1 reply·opened Oct 15, 2017
M
mreshaneOct 15, 2017

hi i need your help, is there anyway that i can use the MEGA LINK (MEGA MENU) at the TOP BAR / LINK?
I wanted to use this script:

<li class="mega-menu"><a href="#"><div>Contact</div></a>
	<div class="mega-menu-content style-2 clearfix">
		<ul class="mega-menu-column col-md-3">
			<li>
				<div class="widget visible-lg visible-md clearfix">

					<h4>Our Location</h4>

					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d201717.45988409253!2d144.81557611671303!3d-37.81732634202082!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1456564509271" width="600" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>

				</div>
			</li>
		</ul>
		<ul class="mega-menu-column col-md-6">
			<li>
				<div class="widget clearfix">

					<h4>Send us a Quick Email</h4>

					<div class="contact-widget" data-loader="button">
						<div class="contact-form-result"></div>

						<form class="nobottommargin" name="template-contactform" action="include/sendemail.php" method="post">

							<div class="col_half">
								<div class="col_full">
									<input type="text" name="template-contactform-name" value="" class="form-control required" placeholder="Name" />
								</div>
								<div class="col_full">
									<input type="email" name="template-contactform-email" value="" class="required email form-control" placeholder="Email" />
								</div>
								<div class="col_full nobottommargin">
									<input type="text" name="template-contactform-phone" value="" class="form-control" placeholder="Phone" />
								</div>
							</div>

							<div class="col_half col_last">
								<div class="col_full">
									<input type="text" name="template-contactform-subject" value="" class="required form-control" placeholder="Subject" />
								</div>
								<textarea class="required form-control" name="template-contactform-message" rows="4" cols="30" placeholder="Enter your Message"></textarea>
							</div>

							<div class="clear"></div>

							<div class="col_full hidden">
								<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control" />
							</div>

							<div class="col_full">
								<button class="button button-3d button-small nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
							</div>

						</form>
					</div>

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

Thank you.

S
SemiColonWebSTAFFOct 21, 2017

Hello,

Thanks for your Patience!

Unfortunately, the Top Links Menus currently does not the Mega Menus of the Primary Menus since they have different styling and functionality.

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard