Making Images and Titles responsive on mobile devices


#1

Hello,
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 effective-point.com/point. Example can be seen in Project management and business process improvement pages.
Thanks.


#2

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


#3

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){
  
  .welcome-title{
    font-size: 40px;
  }
  
  
}

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

Regards,
Kharis


#4

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;
}
}
Thanks.