Making Images and Titles responsive on mobile devices

I’ve just discovered that the images and long titles are not aligned properly on a mobile device when in portrait view. Is there a code I can add to achieve this? The site is Example can be seen in Project management and business process improvement pages.

If not, is there a code i can use to hide the images on those pages on a mobile device?

Hello there,

Could you please try to add the following CSS code through the Simple Custom CSS plugin?

@media only screen and (max-width: 678px){
    font-size: 40px;

Let me know how it goes. I’ll wait to hear back from you regarding your stats.


Hello Kharis,
Thanks for your reply. I was able to figure something out before i got your reply. I used the following code to target the specific pages with the problem and it worked.
@media only screen and (max-width: 500px){
.page-id-2592 .widget-title{
font-size:25px !important;
.page-id-2624 .widget-title{
font-size:28px !important;