Can somebody tell me why this feature is not working in mobile devices... at least for me? I've seen some websites done with Muse and they seemed to be expending to the width of the screen in ipads for ex. My sites are all cut on the right side and don't seem to have a good explanation for it. I would really appreciate if someone will give me some feedback.
Here is an example.
That's so bizzare! It looks just fine on my Android phone, however, on the iPad, the top and bottom rectangles seem to be cut off. Do they extend to the end of the browser line in muse? The smart guides should let you know if they are touching.
Can.... maybe somebody from Adobe Muse elaborate on this issue? I am trying to find an answer to this annoying problem, but unfortunately nobody from Adobe seems to answer.... you would think that by paying the monthly service fee we would get some assistance....
If you go into your HTML code, you can probably fix it by removing the "width" property of the div.
<div style="margin-left: 0px; left: 4.5px; width: 1291px; margin-right: -1291px;" class="browser_width grpelem" id="u70"><!-- simple frame --></div>
remove the bold part of the div tag. If that doesn't work, try making the width 100% so it says:
<div style="margin-left: 0px; left: 4.5px; width: 100%; margin-right: -1291px;" class="browser_width grpelem" id="u70"><!-- simple frame --></div>
let me know if that helps!
It seems as though right now, Muse doesn't seem to be able to generate divs that are 100% width. And new iPad has retina display, which means that the resoluation is much higher than the computer that you created on Muse site on. So while it looks perfect on a lower resolution computer, the retina display on the ipad will find the end of the extremely wide div that you created in Muse, because the screen has a greater width. So in order to fix it, you'll have to play around with the HTML and CSS code to get it to full optimization.
here is one of the adobe site of the day
that has the width of the header extended the entire width of the browser... even in iPad. So it can be done... and if so can someone from Adobe explain to me how to do this? PLEASE????
And I really think that having a condenscending response like that coming from Adobe Staff Support is really giving Adobe a negative image... and Muse is a great product, no question about it ...but would like to remind EVERYONE that this is not beta anylonger, and we are paying for the product, so we are entitled to answers and support to our questions.
Apologies for the late response. This is the first time the issue was reported in details by one of the community member on a different thread. You can check that here, http://forums.adobe.com/message/4521947#4521947
This made it easier for the development team to bottle neck the area that needs to be fixed. Now, the team is working on it and we hope to have this fixed once and for all in the next few updates, but at the same time I don't have an ETA for you.
I understand that it may work in some cases depending upon the design of the page, however, Muse still is not designed to support web sites for Mobile devices or Smartphones.
Check this FAQ for more information, My site doesn't work on mobile/tablet/smartphone devices. Why?
Muse pages are currently coded to work with desktop browsers. You may experience inconsistent display/behavior on mobile devices. The team is currently exploring workflows and solutions for mobile/tablet device browsers. Please provide feedback about mobile site design to the Muse product team in the following topic:
OK i understand that the behavior is not supported in mobile devices, but can you explain what is the difference between these two sites - in the header for ex. why the first one is working 100% width in mobile devices and the second one is not?
http://http://www.kjonesy.com/index.html - featured in Adobe Muse site of the day - header 100% width is working in mobile devices
http://checkourwork.com/relivephotography/ - header is not working 100% width in mobile devices.
Maybe be can workaround this bug until the next few updates... hopefully.
I have checked both the links that you provided. Even though it is hard to notice, but it is not working on either of them.
And since it is difficult to notice that's why it has existed so far, but now since we have this documented, it should be fixed asap.
I understand the point you are trying to make here, however, I would just reiterate that the difference is in the way the web sites were designed. Different page elements have different set dimension on different web sites. This is known to the development team and they will be working on it to fix it. This is related to the screen cast posted by GVD321 on this thread - http://forums.adobe.com/message/4521947
I am having the same issue, but with a rectangle at the footer: http://forums.adobe.com/message/4563862
Can you elaborate please? If I understand, you are suggesting to make a an image that is the full height of the site, then fille the page background with it and repeat it horizontally?
I am having a similar issue, bug, problem, whatever. http://forums.adobe.com/message/4565816
Hi Abishek and Julie,
Do you have an update on when you expect this bug to be fixed? I was having this issue on mobile devices and on Adobe Browser Labs (even though the browser did show the header and footer @100%).
I think I can help out with a little fix that seems to work for me, but only on iPad's.
I've changed the meta viewport to this:
<meta name="viewport" content="width=device-width; maximum-scale=1.0;">
This has changed on the layout for the 100% wide header etc on my sites to fill the page, although only in landscape. I've been playing with settings, no joy for any further fixes yet, hope that helps someone.
Thanks, Ben @ Define Detail