[Steven Zahm]

@ Celia

After a quick search I found two other users who use Jupiter:

• https://connections-pro.com/support/topic/conflict-with-jupiter-theme/
• https://connections-pro.com/support/topic/state-fields-not-populating/

Neither of these users had the issue you’re encountering.

I spent more time looking at your site… it seems there is a whole section of custom CSS code. I copied pasted it here for reference.

If I remove that code by live editing it in Chrome, the drop down works just fine… So, you’ll have to review this custom CSS code and tweak it so it does not break the drop down. Hope that helps!

#cn-search-input:focus {
    color: #777777 !important;
}

#cn-search-input, input#cn-search-submit {
    box-shadow: none !important;
}

input#cn-search-submit {
    border-color: #F9F9F9 !important;
    border-style: none !important;
}

#cn-search-input {
    font-size: 18px !important;
}

#cn-page-nav .page-numbers, #cn-page-nav a {
    border: 0px solid;
    font-size: 14px;
    margin: 0 3px 0 0;
}

.master-holder h2 given name {
    color: #57BC90;
    font-size: 30px !important;
}

#cn-search-input {
    font-size: 16px;
}

#cn-list .chosen-container-single .chosen-single {
    font-size: 16px;
}

.chosen-container {
    font-size: 18px;
    color: #555555;
}

.chosen-container-single .chosen-default {
    color: #777777;
}

#cn-circled .cn-circled-thumb span.cn-image-style {
    border: none;
}

.cn-circled-content h3 {
    font-family: lato !important;
    letter-spacing: 1px !important;
    color: #57BC90 !important;
}

#cn-circled .cn-circled-content .title {
    color: #777777 !important;
    font-family: lato !important;
    font-size: 16px !important;
    margin: 7px 0 20px !important;
}

@media screen and (min-width: 765px) {
    #cn-circled .cn-circled-content p {
        font-size: 16px !important;
    }
}

.cn-circled-detail-link:before {
    display: none !important;
}

.cn-circled-detail-link:after {
    display: none !important;
}

#cn-circled .cn-circled-detail-link a {
    background-color: #57BC90 !important;
    border-radius: 50px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 6px 15px !important;
}

#cn-list span.email {
    font-size: 20px !important;
}

#cn-list span.title {
    font-size: 24px !important;
    font-style: italic !important;
}

#cn-circled .cn-circled-excerpt {
    padding-bottom: 42px !important;
}

.cn-circled-content:before {
    display: none !important;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #FFFFFF !important;
    border-top: 0;
    background: #FFFFFF;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.chosen-container-active .chosen-active {
    border: 1px solid #FFFFFF !important;
}

.chosen-container-single .chosen-single {
    border: 1px solid #EDEDED !important;
    background: #EDEDED !important;
}

#cn-list .chosen-container .chosen-results .highlighted {
    background: #57BC90 !important;
}