Problem with Mobility Usage for JA space

larrypitts

I am using customised JA Space template. Google mobility inspector has come back with the following:

**The following issues were found on your site:
Content wider than screen
Text too small to read
Viewport not set
Clickable elements too close together

I had adjusted the responsive sections of the layout to hide various blocks etc on small screens. Any advice on what I should do?

saguaros

larrypitts
Hi,

JA Space is built with T3 framework, you can go to Backend > Extensions > Templates > JA Space > layout tab > Responsive layout > and select the tab equivalent to the responsive layout and you can hide / show the blocks you wish there.

Regards

larrypitts

Have already done that, but that means I would have to hide the entire block - for instance the hero image, or more problematically, the contact form.

aman204

larrypitts Hi

To resize the hero-image making sure the image is fully visible in responsive mobile mode, Try add this to custom.css file :

@media only screen and (max-width: 520px) {.acm-features.style-1 {background-size: contain !important;    background-repeat: no-repeat !importan;}}

Kindly ensure to clear your browser cache if changes dont reflect.

To be precise in order to address other observations as mentioned, Can you share clear screenshot showing the same

larrypitts

Will chage the css and wait for google re-validation to see what transpires. If no change, will post screenshots.
Thanks