HTML Dropdown Menu within FAQs is not expanding

LudlowRareBooks
New Member
1 0 1

Hello, I have created an FAQ page within the Impulse theme on Shopify. The questions are showing, but when they are clicked no dropdown reply is shown. 

 

This is the current state of the html code, and edits or suggestions would be greatly appreciated! This is the link to the website page itself: https://ludlowrarebooks.co.uk/pages/faqs

 

Many thanks in advance!

 

<meta charset="utf-8">
<h2> </h2>
<meta content="width=device-width, initial-scale=1" name="viewport">
<style><!--
.accordion {
background-color: #462F81;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #462F81;
color: #FFFFFF;
}

.accordion:after {
content: '\002B';
color: #444;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
--></style>
<button class="accordion"><strong> What's your policy on refunds?</strong></button>
<div class="panel">
<p>
We hope you are happy with the finished product. Our books are handmade, so leather colours can vary, we aim to create a product that meets your exact specifications. If the book is damaged in transit, does not fit the order description, or is not in the condition described on Ludlow Rare Books we will offer a refund.</p>
</div>
<button class="accordion"><strong> When will I receive my book?</strong></button>
<div class="panel">
<p>We will endeavour to have your bespoke book with you within 28 days of placing your order</p>
</div>
<button class="accordion"><strong> How much does shipping cost?</strong></button>
<div class="panel">
<p>UK: £20. USA: £45. Europe: £30. Rest Of The World: £60</p>
</div>
<button class="accordion"><strong> What should I do if I've missed my book delivery</strong></button>
<div class="panel">
<p>If you have not received your book from us or missed the delivery, please first check for a calling card from the postal service. If you have one, please contact your local depot to arrange for another delivery. If you do not have a calling card, you can contact us at info@ludlowbookbinders.co.uk for a parcel tracking reference.
</p>
</div>
<button class="accordion"><strong> What if I've changed my mind on an element of customisation?</strong></button>
<div class="panel">
<p>You can change any aspect of the bespoke binding up until your order has been confirmed by us by phone or email, or it has been checked out and paid for. Please call us at the bindery should you wish to have an update on the status of the book on 01584 878110
</p>
</div>
<button class="accordion"><strong> This is a present, can I have the book gift wrapped?</strong></button>
<div class="panel">
<p>Yes, we offer a gift wrapping service, at an have additional cost. We will select one of our quality papers to wrap the book, and can add a blank card too. If you would like to add a personal message in the card please contact us on info@ludlowbookbinders.co.uk. Gift wrapping needs to be discussed in advance of the book's completion, please notify us in the message box at the checkout or via the contact information above.
</p>
</div>
<button class="accordion"><strong> Do you offer a book repair service for damaged books?</strong></button>
<div class="panel">
<p>Yes, for damaged books we offer a repair service and will provide a price quote, please visit The Index Bindery, 6 Market Street Ludlow, SY8 1BP or call us on 07599036615
</p>
</div>

 

 

 

Reply 1 (1)
KetanKumar
Shopify Partner
24923 2498 9038

@LudlowRareBooks 

sorry for facing some issue on that case so can you try this 

https://github.com/sumankc/faq-shopify-app

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing