[Edwin]

Thanks Skandha, that worked great! One more issue I have noticed on the website is that there is a stutter or a skip on mobile when trying to scroll down the page, it is especially apparent on FF but also Chrome to a lesser extent. Do you know what is causing it? Please send a CSS remedy. Let me know if you need more info. Thank you – Edwin

[Edwin]

Hi Skandha, the top line of the extended menus no longer covers the logo, so that is fixed and it looks great. The remaining issue is that the hamburger menus are not centered on the logo, they sit too high. Also the search icon is too low, it needs to be adjusted slightly higher. Similar to how we adjusted the primary menu on desktop to be more proportionate, we need to adjust the mobile menus to have better symmetry. Can you assist further? Thank you – Edwin

[Edwin]

Skandha, Do you have another solution to try? Thank you – Edwin

[Edwin]

Hi Skandha, I tried it and it is still not working in mobile.

[Edwin]

Hi Skandha, it worked great on desktop. On mobile, it is not working. I tried inserting !important; into the code but no luck. Please have a look at it. Thanks – Edwin

[Edwin]

Hi Skandha, thanks that worked very well. There remains two issues with the menus on both mobile and desktop. On mobile, the menu top border cuts off the bottom of the site logo, can the top border be set to auto adjust so it does not cut off the logo? Also, on desktop the primary menu is off center and leaves a larger white space beneath because of the larger logo size. Can we adjust it so it sits lower closer center? Thanks – Edwin

[Edwin]

Hi Skandha, it looks much better, but I think it is too large and not proportional to the smaller screen. Is it possible to lower the size of the logo display in mobile? On Desktop it looks fine, I would like mobile to also be more proportional. Can you assist?

[Edwin]

Skandha, I think that in mobile, it is important to increase the size of the menu icons proportionally to the increase in logo size, otherwise it will look distorted. Thanks, Edwin

[Edwin]

Hi Skandha, it worked great on desktop, but not mobile. Also, you may notice on desktop that the primary menu is a little out of alignment because the logo is bigger. Can it be adjusted? Thanks!

[Edwin]

Hi Skandha, thanks for the reply but it did not work. The actual size of the logo image is 150x60px but it is still set at 70x28px as displayed in google console. It should have adjusted larger when I inserted the css, but there is no change at all. Do you have another fix?

[Edwin]

Thanks for that. Also, on the same website I want to adjust the logo size in the main header. I have tried to create my own code:

.image.custom-logo img {
max-height: 150px !important;
max-width: 70px !important;
}

but it does not work. I also found the code here on catchthemes forum but it does not work either. I think something is interfering…

.custom-logo {
max-width: 300px !important;
}

What is the correct code for this?

[Edwin]

Hi Skandha,

Thanks for the quick follow up. That worked great. I have one more request.

For my blog and blog posts I want to adjust the admin meta that appears on the blog category page and also at the top of the post. On the blog category page located here: https://goldenbuddha.net/category/buddhist-basics/ I want to insert “Posted on” before the date and “by” before the author name. I also want to put this on top of each individual blog post.

Also, on the blog category page I would like to remove the category meta below the post excerpt – “Nepali Buddhist Sculpture” – remove this. It is not necessary to reference the blog category because there is only one category.

Thank for your assistance.
Edwin

[Edwin]

When I insert the code directly into line 41 in the child’s theme in this format – <link rel=’preload’ href=’/wp-content/uploads/2020/07/Playa-Hermosa-014-Home-Page.jpg’ as=’image’> – it works and the google error goes away and the performance score increases by 15 points. When I replace the above code with your code, it invalidates the preload. So the new code is blocking the preload command.

But with the code inserted as described, it preloads the image on every page not only the home page.

[Edwin]

This is resolved 🙂

[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

[Author]

Posts