Google: New Mobile Usability issue detected for site

[Kent]

Hello

I got this message from Google Search Console:

To owner of https://www.aplushosting.asia/,

Search Console has identified that your site is affected by 2 new Mobile Usability related issues. This means that Mobile Usability may be negatively affected in Google Search results. We encourage you to review and consider fixing these issues.

Top 2 new issues found, ordered by number of affected pages:

Content wider than screen

Clickable elements too close together

http://prntscr.com/lh71le

What can I change to fix this issue?

Best Regards

[ThemeLooks Support Team]

Hi Kent,

We are really sorry to say that we are unable to understand the issue. Moreover, we didn’t hear any issue like this from our other clients of this theme.

What they meaning by
– Content wider than screen
– Clickable elements too close together

What they refer to?

Best Regards,
ThemeLooks Support Team

[Kent]

Ok, we can start with, how (css?) and where do I set my svg logo to fit both mobile and computer browsers?
I think if I can get that to work, google will not give these error readings.

Best Regards

[ThemeLooks Support Team]

In this issue, you just need to use a normal size SVG logo (width maximum 250px) that will fit both mobile and computer browsers.

Best Regards,
ThemeLooks Support Team

[Kent]

I put up a svg cause of being able to set any size I want by using CSS, I mean isn’t that one of the advantages when using vector? I am sure there is a way for me to just set the image size in CSS or other configuration, just that it goes beyond my knowledge.

Best Regards

[ThemeLooks Support Team]

Please use the CSS below.

.navbar-brand img {
    width: 250px;
}

Best Regards,
ThemeLooks Support Team

[Kent]

Thank you, works great. =)

Best Regards

[ThemeLooks Support Team]

Please don’t forget to give us ‘rating and review’ (on https://themeforest.net/downloads ), if you like our theme and our support too.

Best Regards,
ThemeLooks Support Team

[Kent]

Will do when the website is done. So far though, I love this theme layout, and as of now nothing seems broken.

Best Regards

[Kent]

I have 1 more question, how can I get the footer in WHMCS template in my sub-domain to respond to the changes I do on my theme in my main domain?

Best Regards

[ThemeLooks Support Team]

You will get all of the footer content in the footer.tpl file and header content in the header.tpl file to change.

Best Regards,
ThemeLooks Support Team

[Kent]

Maybe I understand you wrong, but I rephrase my question.

Is there a way to get the footer on my subdomain(orDomain WHMCS template) react/apply to the changes/editing I do in the footer on my main domain? I mean it would be easier if so would be possible, then I don’t have to edit in 2 different(1 footer.tpl in main theme, 1 footer.tpl in WHMCS templlate) footers when needed.

Best Regards

[ThemeLooks Support Team]

We mentioned the solution for WHMCS template. Because there has no relation to the WHMCS template with the WordPress Theme and WordPress theme has no .tpl file.

Moreover, you could use the WHMCS Bridge Plugin to integrate the WHMCS into WordPress then you didn’t need to edit the WHCMS template separately.

In this issue, you could watch this video tutorial https://www.youtube.com/watch?v=5Vr9FziRBec&index=9&list=PLbmIKrgYlRboMwt4YWKdt4sHvKu680w3U&t=0s

Best Regards,
ThemeLooks Support Team

[Kent]

Ok, I understand, and thank you for your advice, but I am not to keen about using this whmcs plugin with a monthly pay.

Anyway, it seems to be a problem with the picture when look in mobile. http://prntscr.com/lhay44

Best Regards

[ThemeLooks Support Team]

We have not found any issue on your WHMCS like your provided screenshot. Please refresh the page when you are checking the responsiveness in the desktop browser or check the responsiveness in the real device (mobile).

Best Regards,
ThemeLooks Support Team

[Author]

Posts