We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.
I have a website and I have a menu I used option fill by image each of the menu section and I am not using labels because the images already have them.
The problem is that when I am scaling by browser window the menu scales only by width and not by height. I checked the option resize in the menu but resize by width and height is grey out and i have only none, by width or stretch to browser width...
Can you help me to make my menu with images responsive by width and height?..
Thank you in advance.
No, unfortunately you can’t. Menus only scale ih horizontal direction.
Besides that: A „Fill“ image in HTML never causes an element to scale proportionally, if it doesn’t by definition, like an image. If you fill a text container, it won’t scale automatically in both directions. This is the „essence“ of fills.
If you need a menu scaling scaling in width and height, you may simply place your images and assign a link to them.
Bad news. I worked very hard to make a menu, looks like I have to start from the beginning.
Well in that case I have some more questions:
First it it's gonna be just an images with Rectangle Frame Tool How I can change image to the different one when the mouse is rollover the image. With filling it works pretty but when it's gonna be an independent image how I can change this behaviour?
Also how I can change image of menu if I want to show the active part of the menu. When I am making a classical menu I need just to choose Active and then I can change the feeling but with rectangle frame tool it doesn't work...
Don’t mix up different things: Muse builds websites and therefore has to export HTML at the end. And in HTML menus, images nad other elements are working in a way, which Muse can’t change. Muse is only a tool, which allows us, to build and arrange these elements in a non-coding way. Menus, for example contain text. This circumstance doesn’t really allow proportional scaling, because in this case the text would have to become smaller when the window size gets smaller. Not really desirable. Or do you really want the text size to shrink on smaller devices? I don’t think so.
Concerning images: Images can’t be changed state-wise. Muse doesn’t allow this, because HTML doesn’t allow this.
There are many other ways to achieve something like that:
You see: There are many possibilities to achieve, what you are looking for. But you can’t circumvent the „laws of HTML“.
Thank you very much for your answer!
Well, I fixed the problem using the image frames and then just filling images frames in the same way as I did for the menu. The good point of image frames that they can be scaled.