Support Forum

FIXED.  The post I linked to above pointed me in the wrong direction.  Paused all plugins, reactivated them one by one and and dialed it down to the redirection plugin.  Was able to find the redirect that seemed to caused the problem. </FIXED>

UNFIXED.  Upon further review.  We are back to square one.  Seems something fixed itself, when deactivating all plugins, but then the issue came back.  Can’t figure out where.  Suspect there is a double load of bootstrap now.  Any help?  Please and thank you!

Confirmed it DOES work correctly on the backup Twenty Twenty-One theme.  I’ll leave it up to the experts now.  You guys!  Thank you.

unloading this “/themes/claue/assets/js/theme.js?ver=5.7.1” makes dropdown work.  Of course it breaks quite a bit too.  But, getting closer.

One somewhat interesting thing to note.  After clicking on once, the next click will work.  If you scroll back up so the dropdowns are off the screen and then back down.  You need to click on it again before it will work.

Here is what is in the functions.php:

// Remove Clear on Variants
add_filter(‘woocommerce_reset_variations_link’, ‘__return_empty_string’);

// Remove “Returning customer? Click here to login” From Checkout Page
remove_action( ‘woocommerce_before_checkout_form’, ‘woocommerce_checkout_login_form’, 10 );

Looks like I stumped the master!  Not working yet.  I changed the Font Sizes back and removed your code:

@media only screen and (max-width: 736px) {
.variations .value select {
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}}
.variations .value:after {
right: 15px;
font-size: 18px;
top: 6px;
}

Please feel free to adjust back if/when you have something else to try.  Thank you!

I have not worked with Child Themes and do not have one installed that I know of.  And, can’t find where this should go.  Might take me a bit to figure out, or feel free to point me in the right direction.  Much appreciated.

That helped.  This has been uploaded.  Fix right away?  Or do you have to do something?  I’ll go test.

Not fixed yet.  Just fyi.  Got a feeling its getting close though!  Thank you.

Wish I could say it does.  Unfortunately not yet.  I’ve also noticed the mobile menu also requires a double click from time to time.

Reminder, I removed the custom css code.  Is that supposed to be back in there?

@media only screen and (max-width: 736px) {
.variations .value select {
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
}}
.variations .value:after {
right: 15px;
font-size: 18px;
top: 6px;
}

And I kinda sorta dislike the square box when there are options.  I’d much prefer what we have on the checkout page for Country and State dropdowns.  Which…work on first click, btw.  😉

Suspecting you called it a day (which I understand), I changed it back away from the child theme.  Feel free to switch back when you’re ready to work on it again.  Thank you.

Decided to go a different route for now.  May pop back in another time and see if there is a fix for this, but no rush at the moment.  Appreciate the efforts.

Came back to this and was able to get it to work by going to Product Detail Settings and selecting the 2nd option in the Product Detail Style (this one doesn’t use the arrow left/right picture arrow for multiple pictures/scrolling).  None of the other product detail styles work.