Page is not mobile friendly

cspgsl

I am getting the error from Google and I think it has to do with the footer positions.

I cannot get the site to work on a phone without sliding left to right on the screen. Can you have a look and let me know what the fix is please?
Thanks,

saguaros

Hi cspgsl

You're right, there seems to be problem with the footer-2 section now.

I tried to access backend of your site but the provided admin account doesn't work, could you check again?

cspgsl

sorry, the password is

[Removed by Mods]

cspgsl

any luck with this?

cspgsl

come on guys. I shouldn't have to wait for 3 days for a reply

saguaros

Hi cspgsl

Sorry for this lateness but the admin account still doesn't work, could you check again?

And don't add info into your reply as it's in public, you can edit Fields in your first post where only Moderators can see

cspgsl

The problem is that when I insert a capital letter in the password field in your form, it is changed to lowercase by the form.
I have changed the password on our site to match what is in the original post

cspgsl

any news here?

saguaros

cspgsl

The 'J' letter of the password in capital, right?

I also tried it but no luck, could you check again?

cspgsl

no... I said I made sure it matched the info in the original post. Your form adds the capital

this is correct

saguaros

Hi cspgsl It works, let me check and will get back to you.

cspgsl

any news?

cspgsl

I have never been dissatisfied with your support.... up to now.

Makes my wonder why I paid for Joomlart in the first place

saguaros

Hi cspgsl I'm sorry for this lateness. This issue is weird, the footer-2 section seems to be fine but it causes the issue. I'm checking with our developer on this, give me more time please.

saguaros

Update:

It due to the style of that section, I updated this custom css:

@media (max-width: 640px) {
.t4-footer-2 > .t4-module {
  padding-left: 0;
}
}

into the 'custom.css' file on your site, kindly check.

cspgsl

Thanks for the effort, but it doesn't seem to have made any difference. The site still slides left to right on a phone

saguaros

cspgsl Somehow, the css code that I mentioned above was removed from the custom css file on your site, I added again and it's working now.

Kindly check.

cspgsl

thank you, that made the difference.

Can I ask about formatting the footers for mobile so the addresses not spread over multiple lines?

You can see how the red marks point out lines that should be on one and not 2 or 3 lines.

saguaros

cspgsl

Try this custom css:

@media (max-width: 640px) {
.t4-footer .t4-module {
    padding: 20px 100px !important;
}
}

cspgsl

thanks but it didn't make any difference.

saguaros

Hi cspgsl

I share the way to customize only, you need to adjust value to suit your need.

For example, you can change the padding left + right with:

@media (max-width: 640px) {
.t4-footer .t4-module {
    padding: 20px 80px !important;
}
}