I'm having some trouble with full browser width content. After expanding it it appears fitting perfect into the full frame.
But when the browser window is reduced there appears a scroll bar on the bottom. When scrolling to the right there is a gap at the border.
( I'm working on a fixed breakepoint layout to apply some scroll effects.)
I have been looking for some solutions but have'nt found a right one yet.
If you use a fixed width layout you have to respect the guides:
Elements can only be stretched to browser width (latte macchiato-brown) or should not be placed in the red area of the canvas.
This rule is relevant for all breakpoints as long as you use fixed width breakpoints.
Hi Fotoroeder, thanx for your replay!
You are right, i have placed some elements past the limits of the browser width.
If i don't place them a bit wider they don't expand the whole way on a big screen.
I'm using an iMac 27" and i'm trying to fix it for that kind of size too.
Hi Günter H.!
You have allways great advices.
Thanxs a bunch!
I will check out all that useful stuff
I now see that the problem is caused by a Tooltip Composition that i'm streching across the browser.
Staying inside the limits of the browser in Muse and without the widget everything is fine.
But activating the Tooltip widget i still get gaps.
I've tried out several width sizes but they have all gaps.
I've also tried with the widget adjustable in width, but it also doesn't fix the issue.
Is there any possibility to integrate the Tooltip Composition as full width without generating any gap?
Or are there some better options to place full width image slides with also changing text?
Thanx in advance!
I don't know if I'm failing heavily or what to think about Muse.
It looks like that I'm making some progress and after solving some issues things that were ok before start to behave weird.
I have replaced the Tooltip Composition with a Slideshow Widget with Captions. This works now fine.
But now the elements that are animated when scrolling (reason that forces to work with a fixed breakepoint layout) start to move shaky and jumping out of place.
Show us a .muse with just this page and its jumping and shaky elements.
Please delete all other pages – save it with a new name into your Creative Cloud Files and by reight clicking this .muse, share that link with us.
We will have a look at it.
You designed it for 2400 px width with no responsiveness at all , no breakpoints .
I use a 21,7" iMac. I don`t know, if all of your users out there in Tenerife use 27" iMacs only? Or large HP Displays?
The scroll motion effect however works fine on my small computer.
What I do not understand is that footer element (right hand side upper corner – footer checked):
Well, let´s see, what happens when you changed some layout-issues (really 2400 px width? I know Germany is a great country, but …)
Hi Uwe, thanx for your reply.
To make it good looking on all kind of devices, bigger screens included, what sizes would you recommend?
Of course there aren't more breakpoints, this is just the starting.
More than focusing on how many users have bigger screens in what areas of the planet, or if there are multiple breakpoints for making it responsive, the issue is to solve the shaky-jumpy behaviour of the mentioned elements.
(Because of innecesarry additional comments is why many users don't like to share there failing projects in developing phase.)
But thank you sincerly for every constructive good advice.
I've uploaded a new file with a few more breakpoints.
On my second screen
the behaviour of the animated elements keep beeing a bit shaky-jumpy.
Can this jumpiness be avoided on bigger screens, and how can this be fixed on smaller desktop screen sizes?
Link to shared folder: Adobe Creative Cloud
For me, on my screen your scroll motion elements work as expected. No jumping and shaking.
I cannot reproduce your issue.
"Normal" design starts from 1200 across 960 towards 768 with a minimum width of 320.
People out there also expand their pages to 1400 or 1600 in rare situations.
In your case the image is stretched to browser width anyway and will look fine on all screens.
In your case this could be done so far with fixed width breakpoints. "My" numbers are just numbers that are used in common sense but thinking responsive it is not so much a strict rule to follow but a possibility to show up.
I find my hint with the totally wrong placed pencils on top of your layout, as a footer element not unnecessary at all
This could, on your machine, be the reason for shaking appearance of your scroll motion elements. On my machine there´s no shaking.
In your case, it is very important to have everything mentioned in order to create a satisfying website, isn`t it?
Hi Uwe, you're right.
The image of the pencils was missplaced in the "to fast" reordering process.
I've added a 3rd version with only 1200px breakpoint.
It looks perfect on the iMac
But the jaggy behaviour is still there. Some slides are ok, but not every scroll is a smooth animation.
I just did not get your post with the following files. Although my post came after your post, I just missed your post.
Now I check "Example 3"?
Do we talk about these elements?
[Screenshot deleted by moderator]
Works fluently. No shaking at all.
The pencils are placed much better now .
I´m afraid, you´ll have to live with that. Working on my site at the moment, using same scroll motion effects, I hope, only people with fine screens and fast connection and up to date browsers watch it .
You grouped those three badges (Colegio,Kinder, Contacto) – maybe it works better ungrouped? You could then even do some more chichi and let them come in with different speeds?
I used this scrollmotion as well here BTW: organisation (the figure on top of the submenu moves, scrolling down)
your site looks great!
Love that scrolling animation on the nav bar.
I will try out your advice with ungrouped elements.
Hi Uwe, i have acted in an impulsive manner.
I have reported your comment with the screenshot showing the companys name as abusive because of privacy.
I have tried to delete the screenshot i added in my comment in reference to your site but that option its currently unavailable.
I hope we get free access again to our comments editing options and that we both delete the unnecessary added screenshots.
I know i have done a step to early. My fault.
I should have asked you first to please remove the image showing the company name. Ok, we learn this lesson too.
Nothing that is going to cause immense trouble. A bit of patience and for sure we will get access again to our comments editing tool and proceed to delete the included images in our posts numbered 15 and 16.
There´s no problem on my side with the screenshots.
I still have access to comments.
Same question – What´s up?
No reason to delete anything. From my side.
P.S. Please moderator, could you give me some insights on this?
THX in advance
I consider appropiate to delete the screenshots on post 15 and 16.
And to delete all the posts from 18 to the end.
Following your wishes: Screenshots deleted.
I have ungrouped the elements and applied scroll effects to every one individually,
but the jumpyness is still visible.
On medium screens the issue is some scrolls very noticeable,
other ones slight but perceivable enough to interfer in a pleasent user experience.
On big screens it's a tremendous schow-jumping.
I have found this post,... it's nearly 2 years old.
Mayb i'm not that wrong when i say the elements are jumping.
If there isn't any solution for it yet it would be cool if we could get that info. It makes the whole product more trustworthy.
I love Muse each step that i learn a new solution, clear information in the process is key to have a succesful customer experience.