sabineblume

I already tried the following and it didn’t solve the issue:

• Deactivating Elementor (and Elementor Pro)
• Switching themes from Hello to Twenty Twenty Four
• Deactivated all other plugins except Cusrev and Woocommerce

Like I mentioned in the previous message, my live site and staging site are made with Elementor and Hello theme and have this issue. However, my other staging site is made with Shoptimizer theme and without Elementor and this one works fine with the recent update. So it seems like it has to with Elementor, but deactivating it doesn’t solve the issue.

Yes, hereby: https://staging7.dazzlingdaisies.com/customer-reviews/ As you can see it comes back with 0 reviews as where my live site (which has not been updated to the liver version) shows: https://dazzlingdaisies.com/customer-reviews/

I activated the debugging log, but the newest error that comes up is from November 9, 2023. No other errors. I did do some more testing though. My current live site and staging are created with Elementor (pro) and Hello theme. I have a different staging site which doesn’t use Elementor or Hello theme and this site works just fine with the newest version of your plugin. That being said though, I deactivated all plugins except Cusrev for testing purposes and the issue remained. I also switched themes, but the issue remained.

Just downloaded the Kadence theme but it does exactly the same as Astra. It loads both headers on all devices.

Thanks for your quick reply. It’s a real bummer that this is how Astra has coded their menu setup. I am actually using the exact same header layout and menu for both desktop and mobile except that the mobile has the toggle button. But all elements still load double causing an excessive DOM. Might have to switch to a different theme as well.

@batunorbi Did you find a solution for this? I’m facing the same issue. Astra’s DOM size is almost double compared to the DOM size of the same header I previously created in Elementor and the amount of divs is almost triple.

• This reply was modified 1 year, 1 month ago by sabineblume.

Thanks so much for the help! I removed that piece of css and the issue has been resolved.

• This reply was modified 1 year, 5 months ago by sabineblume.

What country are you trying to access from? I have a block on certain countries but can temporary remove the block.

I actually solved it by adding this piece of code:

@media screen and (max-width: 768px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 0!important;
  }
}

Hi,

I have tried the following css which didn’t work:
@media screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
margin-bottom: 0!important;
}
}
I’m not too familiar with coding but I noticed the large gap between each row on mobile and found out that that piece of code is causing it.

Hi,

Sure! Hereby a link that shows the added margin on mobile devices: https://snipboard.io/rZVstq.jpg
The margin has been added to the following piece code:
media=”only screen and (max-width: 768px)”
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product

Unfortunately I can’t share the link as I am setting up my site on an internal server.