My single-page box content is not as responsive as I'd like. When I try to read the following page: https://institutoschuman.org/en/the-monographies/ with my cellphone the text on the right side is cropped. Take a look to the screenshot: I've tried to change the CSS stylesheet but I haven't found out the solution. Could anyone help me?
Add this style
@media screen and (max-width: 768px) and (min-width: 0px){
.sidebar .content.singlepage {
width: 90% !important;
padding-left: 10px;
}
}