I am trying to create my website and for the top of it i want to have a banner with a spikey bottom, like a banner. (img. down below)
I cannot find anywhere in Muse to edit the rectangle like this. I made that one in illustrator but it does not stretch when i preview the website, even though on the document itself it fits from edge to edge but when i hit "preview" it shrinks down and doesn't fit. Should i be using photoshop to do this, if so how do i make it fit when i preview. Or are there templates for shapes like these already in muse. Any help would be appreciated.
Thank you - Matt Stevens
Create it in a graphics program ansd set it as a background image with horizontal-only repeats. that way it will always fill without the image itself scaling.
Any programs you could suggest? and maybe some steps to do what you recommended. Sorry i am not experienced in anything but illustrator.
You can’t build this in Muse. Muse is neither a vector, nor an image editor, but a website layout application.
If you create this element in Illustrator, you absolutely are on the right way. The image you showed us in your screenshot, should work well. What you are missing, is basic knowlegde of Muse. But this is not a problem! You are in the right place here!
The simplest way to get fast assistance:
Share a .muse file with us (Dropbox, CC Files, …), containing only one page and only this element and tell us exactly, what you are trying to achieve. You may follow these instructions: https://forums.adobe.com/docs/DOC-8652
Thank you, i will be uploading the file shortly, if you could help out i would greatly appreciate it.
I have added the file, hopefully i did it correctly and you are able to view it and help me out. If i have done something wrong please let me know. Thank you.
… and where on your page we can find this „spikey bottom“ image? Can’t find it. Thought, this was the reason of this thread?
It's in the .muse, it is the banner on the top.
i am sorry i just realized this is the wrong one, i have two for the same website, i will reupload the actual one, sorry.
Your issue is quite easy to solve.
The problem: You placed the banner as an image. An image scales proportionally in width and height and can be stretched only page wide and not browser wide (well there is away to do this, by using the double arrow icons to the left/right of the breakpoint bar), but I think, for now a different solution is much more adequate.)
Additionally: If you want your circle to remain a circle, set it to "Resize: Responsive Width and Height“.
Here you find a .muse file using your sample data: https://www.dropbox.com/s/m0ea1eq0qaut75c/mstev328.zip?dl=0
Please have a close look into the „Fill“ panel and the „Resize“ options, to understand, how it works.