I am experiencing a weird behaviour of some of the images I placed in a Muse Website. I'm attaching a screenshot for better understanding.
The images are svg and the problem seems to be unrelated to anything inside the project. It happens whether I align them to the grid or not, whether I let them resize fluidly with the responsive layout or not... and it only happens in certain breakpoints. It means that while they are correctly shown in 1366px and 1028px, the problem appears from 768px to below.
Does anyone have ever experienced something similar? Does anyone knows how to solve this?
Thank you in advance.
It seems like you have set those two elements to resize in width and therefore they might start to overlap each other or get too small for its content. Resize to none is a good start and maybe you need some pinning as well, depends on your design, though.
Of course the first thing I did was to set the resize to None, but it didn't solve the problem. It's completely non-sense. A similar issue happens with other images, too.
The website has also been uploaded, so you could see it live: www.visivacom.net.
In this case, the issue happens in both cases, with the responsive resize and with the resize set to none. Even the logo in the Header started doing this, but only in this breakpoint.
Please attach one of these images here. Then we can have a look.
Again: Please paste one of these images (only one!) onto a newly created site and share this small .muse file and the original image with us.
Please follow these instructions: https://forums.adobe.com/docs/DOC-8652
There seems to be an issue with your SVG assets, which don’t scale correctly.