# Drop-down menus are invisible

**URL:** <https://community.hubspot.com/t/drop-down-menus-are-invisible/10141>\
**Category:** CMS Development\
**Created:** [September 10, 2018, 7:24pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141 "2018-09-10T19:24:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Minhduong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/minhduong/32/34870_2.png) [@Minhduong](https://community.hubspot.com/u/Minhduong)\
**Post date:** [September 10, 2018, 7:24pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/1 "2018-09-10T19:24:34Z")

</div>

Hello,

I am building a landing page out of the code from one of our partners. Here is the page now: [http://info.fnts.com/cloud\_decision](http://info.fnts.com/cloud_decision)

The API works, but the presentation is messy. The drop-down menus underneath the questions should be invisible, but they aren’t.

Can you please help look into and let me know what went wrong?

Thanks

Regards

Minh

---

<div class="post-metadata">

**Author:** ![Stephanie-OG](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephanie-og/32/73267_2.png) [@Stephanie-OG](https://community.hubspot.com/u/Stephanie-OG)\
**Post date:** [September 10, 2018, 8:15pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/2 "2018-09-10T20:15:28Z")

</div>

Hi Minh,

Check out the screenshot I took of your page below:

 ![2018-09-10-16-13-info.fnts.com.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/b/eb5c03873e728a8a7bd0de8d3ad88f35801bd4ed.jpeg)

I couldn’t seem to spot any drop-downs, unless I’m missing something?

* * *

[![|300](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6ddb445b684524bbcbd802044a9ca3919d1fbc7.png)](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity)HubSpot Design / Development / Automation

[Website](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity) | [Contact](http://www.stephanieogaygarcia.com/contact?utm_source=HubSpotCommunity)

_If this helped, please mark it as the solution to your question, thanks!_

---

<div class="post-metadata">

**Author:** ![Minhduong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/minhduong/32/34870_2.png) [@Minhduong](https://community.hubspot.com/u/Minhduong)\
**Post date:** [September 11, 2018, 5:31pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/3 "2018-09-11T17:31:33Z")

</div>

Stephanie,

I updated the page. [https://info.fnts.com/cloud\_decision](https://info.fnts.com/cloud_decision)

The drop-downs work but are still invisible as you can see here

 ![Capture.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/a/0aa49c74ce19563e5f7f0d9c9fecec0f57407c4d.png)

Iif you right click on the page and choose “Inspect”, under the Console tab, there is a JS error message, but I don’t know how to fix it.

The list of JS that I used is here: [https://github.com/cloudgenera/cloudgenera-clouddemand-plugin/tree/master/scripts](https://github.com/cloudgenera/cloudgenera-clouddemand-plugin/tree/master/scripts)

Any advice? Thanks a lot

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [September 11, 2018, 7:47am UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/4 "2018-09-11T07:47:37Z")

</div>

Hi @Minhduong,

like @Stephanie-OG I can’t see any drop-down menus.

Do you want something like an accordion([example](https://codepen.io/MightyShaban/pen/LqrCK)) for the questions?

If yes, there is a free ready-to-use HubSpot module in the marketplace.

To install it navigate to “Marketing”-\>“Files and templates”-\>“Marketplace” and search for “accordion”. Simply install the first(or one of the other solutions) and insert it in your template.

Hope this helps

regards

Anton

---

<div class="post-metadata">

**Author:** ![Minhduong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/minhduong/32/34870_2.png) [@Minhduong](https://community.hubspot.com/u/Minhduong)\
**Post date:** [September 11, 2018, 5:36pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/5 "2018-09-11T17:36:03Z")

</div>

Anton,

Here is how it looks:

 ![Capture.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/a/0aa49c74ce19563e5f7f0d9c9fecec0f57407c4d.png)

If you right click on the page and inspect, under the Console tab, there is a JS error that I don’t know how to fix. Can you please help?

The scripts I used are here: [https://github.com/cloudgenera/cloudgenera-clouddemand-plugin/tree/master/scripts](https://github.com/cloudgenera/cloudgenera-clouddemand-plugin/tree/master/scripts)

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [September 11, 2018, 6:58pm UTC](https://community.hubspot.com/t/drop-down-menus-are-invisible/10141/6 "2018-09-11T18:58:03Z")

</div>

@Minhduong,

You have css that sets your select elements to opacity: 0;. in this file: [https://info.fnts.com/hs-fs/hub/391901/hub\_generated/template\_assets/1533308608971/FNTS2018/CSS/fnts2018.css](https://info.fnts.com/hs-fs/hub/391901/hub_generated/template_assets/1533308608971/FNTS2018/CSS/fnts2018.css)

Here’s the proof:

[https://share.vidyard.com/watch/PAMDLrxNZPA1MT8JgFZc6a](https://share.vidyard.com/watch/PAMDLrxNZPA1MT8JgFZc6a)?

Need help? [Hire Us Here](https://www.upwork.com/o/companies/_~0124e15ff34efb3871/)
