[Edwin]

Hi Skandha,

Thanks for the follow up. I noticed that and tried it. It is not working,. Please see the google lighthouse audit and also the screenshot of how I have code entered in the child’s theme.

https://iglobal.net/wp-content/uploads/2021/05/Lighthouse-score.jpg
https://iglobal.net/wp-content/uploads/2021/05/php-insert.jpg

Please have a another look at it to resolve the issue.

Thanks,
Edwin

[Edwin]

Hi Skandha,

Yes indeed, a child’s theme is a great idea, that is why I created one about 4 years ago. So that is already taken care of. Can you assist with the code?

Thank you,
Edwin

[Edwin]

Please let me know when it is released.

[Edwin]

Skandha, the only option at that location is “Check to Disable Disable Responsive Design”. If I check that box, the header menu disappears along with other issues. Plus, it does not resolve the issue anyway. There is no Fitvids option.

[Edwin]

Hi Skandha,

For now I moved the video back to the about us page: https://iglobal.net/welcome-to-iglobal/

Is it possible to reduce the white space above the video?

Thank you

[Edwin]

Hi Skandha,

I moved the location of the video to the home page and posted it using a slider plugin. It displays fine on desktop, but on mobile browser Firefox display is distorted. Home page is here: https://iglobal.net

I contacted the plugin support and they said this is their reply:

The problem is caused by this file:
https://iglobal.net/wp-content/themes/adventurous-pro/js/fitvids.min.js
Your theme inserts all Vimeo videos of your website on mobile Firefox into a “fluid-width-video-wrapper” div element and this creates that extra size for your video. You should check out your theme settings, to see if you have some kind of “Fitvids” option you could turn off. If you wouldn’t, I suggest getting in touch with your theme and ask them to help you resolve this issue, possibly by creating an option to turn off Fitvids.

Can we disable Fitvids? Please let me know.

Thank you,
Edwin

[Edwin]

Hi Skandha,

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

-Edwin

[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

[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

[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

[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

[Edwin]

That worked great, thanks for the code. One more slight issue. In the secondary menu drop down on desk top, when clicked the window turns white. Can that be adjusted in css? This does not happen in the primary sub-menu. Thanks again.

[Edwin]

Hi Skandha, thanks for the code, that worked great. But there is one more issue with the primary menu. The sub-menu hover creates a box and does not fill to the edge like with the secondary menu. Also, there is is a gap at the bottom. Can you assist? I would like the sub-menu to display in hover similar to the secondary menu. Thanks – Edwin

[Edwin]

I want to adjust it in the primary menu also, thank you. It is the same issue, the sub menus are much too wide.

[Edwin]

Hi Skandha,

This is fixed in desktop browsers, but it is still ghosting in the chrome mobile browser. Can we enhance the code? It is doing it on this website iglobal.net

Thanks, Edwin

[Edwin]

Also, I tried to implement the slider on my other website goldenbuddha.net, which has the exact same layout, inserting the new page number worked but I cannot remove the remaining gap. I inserted the same code but it does not work.

#main {
margin-top: -20px;
}

This code did not work on this website.

Can you assist?

[Edwin]

There was an incredibly simple solution, I was able to create some space with simple html on the page. Not sure why I did not think of it earlier. Thanks for your assistance with the other issues.

[Edwin]

Thanks Skandha, that worked great. Can you create a little bit of space under the slider so the H1 title is not so snug?

[Edwin]

Hi Skandha, that fixed the issue on the product pages. I am not sure disabling the plugin is a good idea, without it the slider would disappear. The original slider that came with the theme did not show the space on the home page. I hope that helps resolve it. Should I ask the plugin creator about it?

[Edwin]

Skandha, a problem I just found is that on the product pages, the space between the top of the listing and the header is removed, it is flush up against the secondary header menu. This is what I want on the home page, but not the product pages. You can view it here: https://iglobal.net/product/antigua-and-barbuda-citizenship-by-investment/ – the pages and posts seem fine though. Can you adjust this?

[Author]

Posts