Iris

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.

Hi @priscillamc

I answer below your questions.

1. Is the problem happening when you’re looking at the Mobile or Desktop view in the Google Preview?
[Juan Carlos]: Yes, in the Google Preview and also when I copy/paste the product URL in WhatsApp, for example.

3. Do you see any JavaScript errors in the console or under the Network tab?
[Juan Carlos]: No, in Network all 200 rather 302 in https://komochef.com/wp-admin/post.php. In console, no errors (only warnings e info).

4. Does removing and then re-adding the featured image and then updating the page make the thumbnail appear?
[Juan Carlos]: Yes, changing the featured image or selecting same one, appears again in preview, but as soon as I click Update the page, it disappears again.

Console OUTPUT:
——————-

Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://komochef.com/wp-admin/post.php?post=6528&action=edit&message=1".
jquery-migrate.min.js:2 JQMIGRATE: Migrate is installed, version 3.3.2
post-edit-1590.js:1 [Violation] 'DOMContentLoaded' handler took 750ms
50[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
VM7371 post.php:1 [DOM] Found 12 elements with non-unique id #_ajax_nonce: (More info: https://goo.gl/9p2vKq) <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">? <input type=?"hidden" id=?"_ajax_nonce" name=?"_ajax_nonce" value=?"21785ddb91">?
[Violation] Forced reflow while executing JavaScript took 67ms
jquery.min.js:2 [Violation] 'setTimeout' handler took 109ms
[Violation] Forced reflow while executing JavaScript took 101ms
jquery.min.js:2 [Violation] 'setTimeout' handler took 61ms
jquery.min.js:2 [Violation] 'setTimeout' handler took 62ms

———————

Best Regards.

Juan Carlos.

Hello good evening.

Within the administrator, select the following options:
Appearance >> Custom >> Widgets and Dynamic Sidebars >> Main (eg)

Add a widget: I select ‘Image’, thumbnail size (150×150, eg). Then I click on ‘Done’ and then ‘Publish’.

On desktop when viewing the page, the image occupies more or less 50% of the main sidebar. If with F12 I simulate a mobile, the image occupies less than 50% of the width of the mobile screen.

If I choose a very large image width, the image exceeds the width of the sidebar.

In previous versions of Hueman, the width of the image was adapted to the existing width in the sidebar, both on desktop and mobile.

I hope I have clarified the steps to do it.

Greetings.

Juan Carlos.