Site not responsive in some devices

Hello team,

after last Enfold update I found some errors in the site layout.
So I decided to restore some default Enfold features.
Everything okay except when I tried to restore margins using the following code (Quick CSS)

.container.template-blog.template-single-blog {
margin-left: 56.5px;
margin-right: 56.5px;
}
.responsive .container {
width: 1310px;
}

Mobiles and laptop with HiDPI are ok. But Ipad and laptop with MDPI are not responsive because 56.5px margins shift the content.
How can I avoid this effect in media devices?
The issue is not in homepage because there is no sidebar, but in the blogposts page.

website in private space.

Thanks.

update: I tried the following css rule. It seems to work. Let me know if it is a good rule or not appropriate?

@media screen and (min-width: 1440px) {
.container.template-blog.template-single-blog {
margin-left: 56.5px;
margin-right: 56.5px;
}
}

• This topic was modified 6 years ago by turistai.