I have bought and activated the Soledad theme and now, the site does not confirm to mobile phone. It says that the theme is 100% responsive to all devices, but it does not conform to mobile :(. Do you know why? Do I have to use specific settings in the customizer? Or how I go about getting it to be mobile friendly?
It says:
Clickable elements are too close to each other Content wider than screen Text is too small to read
Seem that text caused this issue. And this text come from your settings - so, please check it again and remove it.
2/ About Clickable elements too close together:
I’ve heard about others getting the same messages before, but it’s difficult for us to do anything if we don’t know exactly what elements they refer to. In general, you can ignore messages like that if you don’t actually think there are any usability problems on your site yourself. Try to go through the pages and click on all the links; are any of them to close together? If so then please point them out to us and we’ll give you some code to use.
3/ About "Text is too small to read" - Seem this issue caused by footer menu, you can try increase the font size for footer menu items by add more this code to Customize > Custom CSS:
@media only screen and (max-width: 479px){
#footer-section .footer-menu li a, #footer-copyright *{ font-size: 15px; }
#respond input, .wpcf7 input, .widget_wysija input, #respond textarea, .wpcf7 textarea{ font-size: 14px; }
}
Note: you need to wait some days for google can update that issue.
For 1/ You need to fill full google analytic code. Not the ID only
Example a correct code:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-734143222-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-734143222-1');
</script>
I changed the google analytics code and increased the font size for footer menu items by add the code you mentioned below to Custom CSS. But the amount of error files is rising..
I've checked it on mobile and I didn't see any issue related with "Content wider than screen" - I don't know why google appears this error... Have you tried view your site on mobile and have you see that issue?
About 1. and 3. - Do you see where is "text is small to read" and "Clickable elements are too close to each other". That's quite hard for us because we can't see where is that issue - because I see everything still fine.
Hello,
I have bought and activated the Soledad theme and now, the site does not confirm to mobile phone. It says that the theme is 100% responsive to all devices, but it does not conform to mobile :(. Do you know why? Do I have to use specific settings in the customizer? Or how I go about getting it to be mobile friendly?
It says:
Clickable elements are too close to each other
Content wider than screen
Text is too small to read
Thank you in advance!
Hi,
1/ About "Content wider than screen" - I see you have this text appears at the bottom:
9trrWl_yvvog0bF6OxLn4Yp0qdHSCqGLl3cDyybElYU
Check this image: http://prntscr.com/nna1wn
Seem that text caused this issue. And this text come from your settings - so, please check it again and remove it.
2/ About Clickable elements too close together:
I’ve heard about others getting the same messages before, but it’s difficult for us to do anything if we don’t know exactly what elements they refer to. In general, you can ignore messages like that if you don’t actually think there are any usability problems on your site yourself. Try to go through the pages and click on all the links; are any of them to close together? If so then please point them out to us and we’ll give you some code to use.
3/ About "Text is too small to read" - Seem this issue caused by footer menu, you can try increase the font size for footer menu items by add more this code to Customize > Custom CSS:
@media only screen and (max-width: 479px){ #footer-section .footer-menu li a, #footer-copyright *{ font-size: 15px; } #respond input, .wpcf7 input, .widget_wysija input, #respond textarea, .wpcf7 textarea{ font-size: 14px; } }Note: you need to wait some days for google can update that issue.
Best Regards,
PenciDesign
Thanks for your quick response.
1. That's the google analytics code. I posted it in the google analytics box in the customizer (see image attached). Should I remove it?
2. hmm okay, I will try to find the exact links.
3. thank you! I added the code to custom css. I hope it will work :)
Best
Magdalena
Thanks for your quick response.
1. That's the google analytics code. I posted it in the google analytics box in the customizer (see image attached). Should I remove it?
2. hmm okay, I will try to find the exact links.
3. thank you! I added the code to custom css. I hope it will work :)
Best
Magdalena
Hi,
For 1/ You need to fill full google analytic code. Not the ID only
Example a correct code:
<!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-734143222-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-734143222-1'); </script>Best Regards,
PenciDesign
Hi :)
I changed the google analytics code and increased the font size for footer menu items by add the code you mentioned below to Custom CSS. But the amount of error files is rising..
Best
Magdalena
Hi,
I just tested your site on google mobile optimized test page. I see your site is optimized:
Check this image: http://prntscr.com/nnsyt0
So, please wait google update that error.
Best Regards,
PenciDesign
Hi,
thanks for your quick response.
Yes thats the main site. I always get the error message on subsites.
Best
Magdalena
Hi,
Unfortunately I still have error sites..:/
Best
Magdalena
Hi,
Can you tell me detail about what's error and what's the pages has this issue?
Best Regards,
PenciDesign
Hi,
I've checked it on mobile and I didn't see any issue related with "Content wider than screen" - I don't know why google appears this error... Have you tried view your site on mobile and have you see that issue?
About 1. and 3. - Do you see where is "text is small to read" and "Clickable elements are too close to each other". That's quite hard for us because we can't see where is that issue - because I see everything still fine.
Best Regards,
PenciDesign