Is there a URL that you could share for testing purposes?
When I watch code inspector it's kind of like the body of the page is loading behind and something is blocking the top, but I'm not sure how to debug that in muse itself.
Do you have lightboxes within your design?
If yes, are the lightbox parts (visible or invisible) placed to the right of your page?
If yes, place it to the left of your page.
There shouldnt be, I've been scouring the template seeing if I added anything extraneous on accident but doesn't seem to be the case. I'm wondering if it has to do with either the min height setting of the page OR the google adsense that loads asynch.
Should I just recreate the website? Not sure what to do.
Please send me your .muse file at the ID I sent you in a private message.
1 person found this helpful
I once had this effect too.
Look at this demo site on a smart phone or a tablet : Wrong • Q-Stables
You will encounter the same behavior as you described. Click onto the "Right" or "Wrong" item of the small menu. Clicking on "Wrong", the page shows up "jumpy", clicking on "Right" all works as expected. Both pages seem to be identical at first glance.
Preran: The Muse team didn’t react on this issue until now.
In case of the site Iinked above I found the reason: The image placed in the composition target is a lightshow trigger. The (initially invisible) parts of this lightshow are placed in Muse onto the canvas to the right of the page. If I place them within the page boundaries or to the left of the page, all works well.
If you know this behavior, you can avoid it. But – nevertheless – it seems to be a bug.
In your case I would delete one element after the other to detect the "bad guy". I think, rebuilding the site will lead you to the same problem again.
I see! Well I've sent the .muse file to Ankush, I'll try removing and readding to see the effect as you suggested. Luckily this is a very early stage of this website so the number of users that see me working on it is irrelevant.
To anyone it may interest, on the current website if you click classes I have a seperate header set. I placed a rectangle behind the image and you can actually see it pull down the rectangle the image is contained in during load, really interesting behavior. I'll save a seperate muse file with this behavior if devs would like it too. Thanks everyone so far!
Plan on it, the most basic things I think should be taken to this is an image cannot be placed into a header without a fixed positioning. For new users this is always an issue because the software is designed to guide someone with no design experience.
Placing a rectangle behind the image in the header can show you the process by which it loads and actually extends the rectangle to contain the lightbox. The question is why the lightbox (which was just placed into the muse design as an image dragged in) isn't responsive and has to be set to fixed positioning to prevent page load problems.
The final thing I've taken from this is if you place an image if its fixed to the right it will load directly after all of the content and if placed to the left it stalls all content before page load. I'm guessing it's a pretty complicated backend issue but might be greatly overlooked. Considering it was causing my page load times to go over a second higher it could cause designers to stray away even though the software is actually really fast when configured correctly.
Thanks everyone for the quick response and help! It was a very puzzling issue so I'm glad I can atleast work around it now. I just have to decide when I want the image in the header to load now, not sure what would be best for user experience.
Unfortunately I don’t understand, what you are saying. For example:
• "… an image cannot be placed into a header without a fixed positioning." ????
• A Muse page has no real "header". It may have objects placed "on top", but that is no "header" in the sense of the word.
• Next: Placing a rectangle behind an image is the most normal thing within Muse and normally works without any issues.
• Lightboxes (of compositions and slideshows) aren’t responsive yet. This is a known issue and will certainly by fixed in a future release.
In the tutorials they teach you to create a template to represent the footer and another to represent the header and then to link them together. The second portion is what I was referencing. If you put everything together that way and simply drag and drop in an image it will fail to respond correctly. Which is what caused my issue overall.
When I tried putting a rectangle behind the said image in above paragraph the behavior of the rectangle showed me what it was doing. Obviously pinning or fixing the image to the page in its position worked but it in turn takes away from it being a fluid layout.
Sorry if it was a bit confusing!
I don't understand this. Don't really know, what you want to "Link" together, and what you mean with "linking". And "drop in an image" – into what? Would you please create a very simple .muse file out of your page, upload it to Dropbox or a similar service and post the downloaf link her, so we can have a look.