[Jonathan Michaels]

Hi there,

For some unknown reason, the dropdown Search “Select a location” have stopped working. Nothing happens when you click on it, it is supposed to list all the regions. We thought the issue was an update so we renewed to be able to do updates but it didnt fix the issue.

https://canadahomestaynetwork.ca/meet-the-chn-family/

Can you please help solve that issue?

Thanks,

Celia

[Steven Zahm]

@ Celia

Can you please try force clearing the W3TC page cache?

[Jonathan Michaels]

Hi Steven,

I have cleared all the caches multiple time and have even deactivated w3 cache but nothing changed and i do not believe to be the issue.

Could you please take a look?

Thanks

Celia

[Steven Zahm]

@ Celia

RE: I have cleared all the caches multiple time and have even deactivated w3 cache but nothing changed and i do not believe to be the issue.

Thanks! Both W3TC and WP Super Cache can be flaky at times (imo) so when I see them the first thing I have to ask is to flush/clear the cache. Many times that is all that is required because old files are being served from the cache.

RE: Could you please take a look?

Of course… Since it use to work…

• What changes have been made? Theme update, plugin updates (that are not Connections related?
• Scour the theme settings and look for any setting which looks like it may affect select drop downs and turn it off to see if that makes a difference.
• Please try the conflict checks:
  • How do I check for a theme conflict?
  • How do I check for a plugin conflict?

Please let me know what you learn!

[Jonathan Michaels]

Hi Steven,

thank you.

The conflict comes from the theme. What are my options in trying to solve that issue ?

Would you have an idea where to look?

Thank you

Celia

[Steven Zahm]

@ Celia

Which theme are you running and which version? I suspect it has a feature to enhance select drop downs. The category drop down in Connections already uses a library to enhance it (that is how it is searchable).

The couple times I’ve run into this in the past is that there was a setting within the theme to turn off its enhancement of drop downs or a way to exclude specific drop downs by ID.

If you do not see such an option, perhaps the theme’s support people can point you to where the option is or a way to exclude applying their library to all drop downs.

Let me know what you learn.

[Jonathan Michaels]

Thank you for the info

The theme is Jupiter (Version 6.1.1.) by Artbees.

Maybe you’ve had someone on this theme having the issue ?

[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;
}

[Jonathan Michaels]

Omg, thank you so so much for identifying the issue.

You are awesome Steven, great support.

[Author]

Posts