Hello good evening.
I just disabled all plugins and removed the CSS I had defined to minimize the problem and it still doesn’t work.
You can see that on the main page https://www.misamigosinvisibles.com, in the primary side menu (the one on the left), the third image is larger than the container, and these are cut from the right.
I have a somewhat ‘sloppy’ solution, via CSS, but I would like it to behave correctly, as was the case before.
If you have any additional ideas, I would appreciate it.
This is the CSS that I have added in custom CSS
/* Textos de la cabecera */
@media only screen and (min-width: 720px) {
.site-title {
line-height: 0;
padding: 10px 0;
}
}
@media only screen and (min-width: 928px) {
.site-description {
color: #fff;
color: rgba(255,255,255,.9);
margin-left: -200px;
}
}
@media only screen and (min-width: 928px) {
.site-description {
color: #fff;
color: rgba(255,255,255,.9);
margin-left: -200px;
}
}
/* Ancho de las imágenes de los laterales. */
/* somewhat 'sloppy' solution for de sidebars images */
div.wp-caption {
width: 100% !important;
}
@media only screen and (max-width: 928px) {
img {
width: 100%;
}
}
/* Menú de idiomas */
@media only screen and (max-width: 720px) {
#gtranslate_selector {
background-color: #454e5c;
color: #edeeef;
margin: 10px;
}
}
@media only screen and (min-width: 720px) {
#gtranslate_selector {
background-color: #121d30;
color: #c3c4c4;
margin: 10px;
}
}
Regards.
Juan Carlos.