If I understand correctly, you want an image stretched to browser width on a fixed width page.
Since images can‘t be stretched browser wide (only page wide), you have to choose a different approach:
- Place a simple rectangle (not the crossed out one!), and stretch it to browser width, using the „Resize“ button in Muse‘s upper control strip.
- Then click onto “Fill“ in Muse‘s control strip, fill the rectangle with an image, and configure it as you like (position, filling behaviour, …)
Whenever I choose 'stretch to browser width' it will overtake the rectangle i have next to it with all my text. I can't get ti to behave exactly like the example site when I resize the window. I am probably doing a bad job at explaining what i am trying to do. Hope this helps.
Don‘t understand, what you mean. Could you give us a screenshot or a link (you can publish a free temporary test site on businessctalyst using the „Publish“ menu top right in Muse’s application window), or a very(!) small .muse file to demonstrate your issue? In the last case, please follow these instructions: https://forums.adobe.com/docs/DOC-8652
I am trying to get my pictures to behave exactly like the pictures on the example site. when i click stretch to browser width it stretches the entire picture instead of just stretching it to one side or the other. I will try to get something uploaded soon.
If you want to have it soon, use WIX .
Best (and only) way, I'm afraid, if you use fluid width breakpoints like here: homepage
You have to decide wether the scroll motion or the centered behaviour is more important.
Reason: As soon as you set the image to behave "stretched to browser width" , the border of the image isn't centered anymore.
If you want to set the image / the frame with the filled in image to react responsive it bleeds outside the canvas ( using fixed width breakpoint).
The sample wix site is very poor. Doesn’t work properly on mobike devices, doesn’t show up on iPads.
Additionally it works with tons of breakpoints, making the page display very jumpy.