Blog Not Working Well on Mobile

Dear Team,
Thank you in advance for your help.
I was doing some testing of my blog posts (created in Elementor using Airi), and unfortunately I cannot get the blog to look good on small screens such as mobiles. The actual blog posts I mean. The blog page looks great, but posts are unreadable. Can you please help? Thank you in advance.


Kind Regards,
Meow

Hi,

Did you put this custom CSS code to your site?
– It’s inside this CSS block >> @media (max-width: 991px)

.content-area.layout-full {
	padding: 30px;
}

If yes, then you need to add the !important! rule to he code like this:

.content-area.layout-full {
	padding: 30px !important;
}

If no, then you can add this custom css code:

@media (max-width: 991px){
  .content-area.layout-full {
    padding: 30px !important;
  }
}

Good evening Awan,
Thank you so much for your help, it seems to have worked! Will test all posts and report back if not, but I think it did. Have a fantastic evening!
Kind Regards
Meow

1 Like