Reply To: Side Panel
Hi
thank you for your reply.
You solution worked, i was missing the class=”side-panel” on the HTML tag. However, i am now facing a new issue, the button copied from feature-side-panel.html is not triggering the panel.
See my button below:
<a href="#">OPEN SIDE PANEL</a>
and my panel code:
<div class="side-panel-wrapper">
<button class="hamburguer-btn side-panel-close side-panel-toggle active" data-set-active="false">
<span class="close">
<span></span>
<span></span>
</span>
</button>
<aside class="sidebar">
<h5 class="font-weight-bold">Contact <strong>Us</strong></h5>
<p>Contact us or give us a call to discover how we can help.</p>
<form class="contact-form" action="php/contact-form.php" method="POST">
<div class="contact-form-success alert alert-success d-none mt-4">
<strong>Success!</strong> Your message has been sent to us.
</div>
<div class="contact-form-error alert alert-danger d-none mt-4">
<strong>Error!</strong> There was an error sending your message.
<span class="mail-error-message text-1 d-block"></span>
</div>
<div class="form-row">
<div class="form-group col">
<label class="required font-weight-bold text-dark text-1 mb-0">Full Name</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" required>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label class="required font-weight-bold text-dark text-1 mb-0">Email Address</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" required>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label class="required font-weight-bold text-dark text-1 mb-0">Message</label>
<textarea maxlength="5000" data-msg-required="Please enter your message." rows="8" class="form-control" name="message" required></textarea>
</div>
</div>
<div class="form-row mb-3 pb-1">
<div class="form-group col">
<input type="submit" value="Send Message" class="btn btn-primary btn-modern" data-loading-text="Loading...">
</div>
</div>
</form>
<h5 class="font-weight-bold pt-4">Our <strong>Office</strong></h5>
<ul class="list list-icons list-icons-style-2 mt-2">
<li><i class="fas fa-map-marker-alt top-6"></i> <strong class="text-dark">Address:</strong> 1234 Street Name, City Name, United States</li>
<li><i class="fas fa-phone top-6"></i> <strong class="text-dark">Phone:</strong> (123) 456-789</li>
<li><i class="fas fa-envelope top-6"></i> <strong class="text-dark">Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</aside>
</div>