Hello @erisal ,
I have checked width and height settings for mobile menu logo in my development environment. It seems they are working fine as expected. Please check this screenshot.
The height and width is given as maximum-height(200px) and maximum-width(500px) which will work as proportion based.
Please try again with a higher resolution image and hopefully your problem will be solved.
Regards,
Benjir
Thread Starter
erisal
(@erisal)
Hi, `I confirm that when I modify the parameters, there is indeed an effect on the size of the logo but only in the back-end editor but not in the browser when I open the site page. I looked for where it could come from and I made observations. In order for the settings to be taken into account in the browser, you assign the max-width and max-height properties to the <img> tag. However, in my case, these properties are not defined.
I just found the origin of the problem: I use the Imagify plugin and in the “Optimization – WEBP FORMAT” section, I activated “Create webp versions of images” and “Display images in webp format on the site” and I selected “Use <picture> tags (preferred)”.
But the developer specifies this: “The second option replaces the <img> tags with <picture> tags. This is the preferred solution but some themes may break, so make sure to verify that everything seems fine.”.
This is where my problem comes from. So I enabled the first option “Use rewrite rules” instead of the second and everything works fine.
Maybe someone will find this analysis useful.`
