How to make site mobile responsive

Our website http://www.aragonfund.org/ looks great on a desktop but doesn’t hold the formatting when viewed on a mobile device. Is there a setting that will allow the site to render close to the desktop version?

Thanks,
Diane

Hi,

Can you, please clarify what is the issue on mobile?

Best Regards,
Csaba

Greetings,

The issue is particularly on 2 pages of the site not displaying correctly on mobile.

Here are the 2 pages on the site and the corresponding mobile screenshots.
Homepage
This is our homepage as viewed on my mobile device http://www.aragonfund.org

This is the mobile view of our FAQ page FAQ's
Here is the link to that page on the web http://www.aragonfund.org/faqs/

Thanks in Advance,
Diane

Hi,

You can fix that issue on mobile with this Custom CSS:

@media only screen and (max-width: 768px) {
.site-content {
    margin: 0 auto !important;
}

img {
    width: 100% !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Thank you so much!

Hi,

You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba