raits515

Yeah, we have that from default Cloudways hosting settings… If you want, they have 3 days free trial anyway where you could test it.

I can try to upgrade to MariaDB 10.4 during the weekend, maybe that fixed it.

Thanks.

Hi there,

Yes, with a new 1.3.3 version.

The upload key is: 89vMUy9rzk

Also, note it is a staging site. If you want to try it on the staging site, I can give access to it.

Best,

alright cool, thanks!

I hope I send from the right domain.

Hi,

Done it.

Best,

Hi there,

Yes, seems like its working now which is weird because we didn’t change anything.

I tested on safari and it works there now too… I guess we have to see if it comes back.

Best

Perfect, thank you!

I tired this javascript that i found from w3chools.com and changed the ‘get element glass name by class name’ but it’s still not working.

function wp_customjs() {
?>
<script>
var acc = document.getElementsByClassName(“gs-faq__question”);
var i;

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener(“click”, function() {
this.classList.toggle(“active”);
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + “px”;
}
});
}
</script>
<?php
}
add_action( ‘wp_footer’, ‘wp_customjs’);

Any help?

Hey @optimocha yeah it seems like theme related.

I inspected the site and played around with different css stylings (enabled/disabled) until I found some overwriting css styles that were pushing some things out of the screen or element.

For safari we had a .w-cart-quantity https://imgur.com/a/yvoO4B2 and position absolute was the problem so we disabled it.

.w-cart-quantity {
/*position: absolute;*/
}

On mobile I did the same using “toggle the device toolbar” on chrome:

And found that anything below 480px w-cart-quanitity was disabled, so I enabled it using /**/

@media (max-width: 480px)
{
.w-cart-quantity {
/* display: none;*/
}

}

Probably will delete these codes later when 100% that don’t need anymore.

Also, I had to add some extra CSS to make things align with the cart icon after disabling position absolute.

Hope it helps.

Well, seems like it’s working now!

So, never mind! ??

So, I was able to solve the issue with safari to see the added products in the cart icon using CSS styles. Somehow the element was pushed out of the icon background when using the plugin and it was white thus not seen.

However, We’re still having the issue with chrome: when adding a product to cart it shows an extra product in cart icon like before https://imgur.com/a/VAjlVg4
until we do manual refresh or check this in the cart – can be confusing for clients.