[Edwin]

Hello,

When a website visitor clicks on a reviews link it does not display the review instead it shows the related products. This is what it does on desktop firefox browser, in Chrome browser on desktop it is not much better. In mobile, the landing page for the product review also displays very poor.

In all options the visitor would have to scroll up after clicking the link to find the product review. When the customer clicks on the reviews link it should clearly display for them.

Visit my reviews page here and click on a review in the sidebar https://goldenbuddha.net/customer-testimonials/ you will see what I mean. You can also find reviews in the footer. Can you assist? If so, please send code to improve the landing page for the review when they click on the link. As you know reviews are very important.

Thank you for your assistance.
Edwin

[Skandha]

@mmhgloba: Hello Edwin,
Can you please try contacting the WooCommerce Plugin support regarding this issue as the Recent Review widget comes from the plugin.

Kind Regards,
Skandha

[Edwin]

Hi Skandha,

Yes, I agree it is a Woocommerce widget. I posted in the WordPress forum and Woocommerce is not able to assist, it is worse than I expected. They are not helpful at all. I am very frustrated about it.

Would you be able to write css code to correct the link target? Ideally, it should look like this. https://goldenbuddha.net/wp-content/uploads/2020/11/reviews.jpg it should display properly across devices and browsers.

Can you assist? Please give it a try when you have time.

Thank you,

Edwin

[Skandha]

@mmhgloba: Hello Edwin,
Can you try removing the Review widgets in the footer and check if the reviews in the sidebar points to the review?
I think as the same id is being use in the product review content and the footer widget it is pointing to the footer review.

Let me know if this improves how the review link is working.
Kind Regards,
Skandha

[Edwin]

Hi Skandha,

Thanks for looking into this.

I removed the reviews widget from the footer, but there are still issues.

In Firefox desktop and mobile the review does not display at all. Here is a screenshot of the link target is the related products.

In Chrome desktop and mobile, it displays the written review, but only the text. You cannot see the gold stars, verified owner’s name or the product name.

Is there some way way can to make the link target display correctly in different browsers on all devices? Such as in the previous example: https://goldenbuddha.net/wp-content/uploads/2020/11/reviews.jpg

Thanks for your assistance,
Edwin

[Skandha]

@mmhgloba: Hello Edwin,
I am not sure if I can help you with this as this seems to be depend on the browser. Nevertheless I will look into the issue and get back to you.

Kind Regards,
Skandha

[Skandha]

@mmhgloba: Hello Edwin,
There seems to be a scrolling issue with Firefox browser when an anchor id is used. This article might be helpful to you.

Kind Regards,
Skandha

[Edwin]

Hi Skandha,

Yes, that solved it, so it will display the review in Firefox correctly. My only wish is that the link target could be moved up slightly to display the customer name and gold stars.

Is this possible with css code?

Either way, thanks for taking the time to give me the solution.

Edwin

[Skandha]

@mmhgloba: Hello Edwin,
Since the theme has a fixed header by default that block the customzer name and review stars. You will need to remove the fixed header inorder to display the customer name and gold stars.

Kind Regards,
Skandha

[Edwin]

Hi Skandha,

If I wanted to test it how would I remove the fixed header? What would be the impact on the website display?

Thank you,
Edwin

[Skandha]

@mmhgloba: Hello Edwin,
To remove the fixed header
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#masthead.fixed-header {
    position: unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[Edwin]

Hi Skandha,

PERFECT! Thank you so much. It works just as intended now in both browsers and devices.

-Edwin

[Skandha]

@mmhgloba: Glad I could help you out. Have a great weekend! 🙂

Kind Regards,
Skandha

[Author]

Posts