Thanks for reporting the issue @iriscrea
Can you describe the steps to reproduce the issue on my test site?
Thank you
Thread Starter
Iris
(@iriscrea)
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.
Thanks for those details.
Following the same steps, with a small ( 150×150 ) and large image, I couldn’t spot any problems when inserting an image widget in a sidebar.
The small one keeps its dimensions on dekstop and mobile, and the large one is contained inside the sidebar wrapper.
In your case, the problem might due be a custom CSS rule from a third party plugin or a custom CSS code.
I recommend to follow the usual troubleshooting steps : https://wordpress.org/support/topic/troubleshooting-tips-for-hueman-theme/
Thread Starter
Iris
(@iriscrea)
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.
