Inconsistent display of Muse site on tablet.

I have designed a site on Muse desktop, and when viewed on a tablet, the content shifts to the left and the navagation appears differently across other pages. I have one item pinned in the center, not the left. Here is a link ot the site, if you could take a look.
Thank you -
http://pads6b2.businesscatalyst.com/index.html

Hi Sanjit_Das,
I am having the exact same problem with my mobile site. I have designed the master page with the menu and the footer. When I preview the page the menu has shifted to the top left hand corner. The footer text which in design view is on 2 lines is now on one line in preview mode. I don't have any empty boxes or frames any where on the page just the header, menu and footer text. Why is this happening? I have enclosed a screen capture of the problem below.
Thank you!

Similar Messages

Inconsistent display of Muse site on mobile devices

I know that Muse doesn't fully support mobile devices at this point, but it should be possible to have at least some level of consistency on how the websites are displayed when opened in a mobile browser.
My website is supposed to fill the browser window, but when viewing the site on a mobile browser, the pages are aligned to the left, and the 100% width elements are cut off. However, on some pages, it looks fine, and on other pages it looks even worse.
Here are some screenshots that shows how differently the pages are displayed. I have also included a screenshot from a normal browser window. What can I do to make the site look "normal" on a mobile device? I have tried using some viewport meta tags, but I can't seem to get it right. Please help! It's embarrassing to have a company website that looks ridiculous when opened in a mobile browser.
This is the front page. As you can see, the horizontal header and footer has been cut off, and the page has been aligned left instead of filling the browser window.
This page is displayed even worse! The header and footer has been cut like above, but the whole page is scaled down to expose even more unnecessary gray space to the right.
This page is displayed correctly! However, other pages pages with the same bookshelf have the same issues as above.
This is how the website looks in a normal web browser. The header and footer follows the width of the browser.

The "correct" behavior for elements with both rollover and click behaviors on Mobile Safari is that the first tap provides the rollover behavior and a second tap provides the click behavior. For menu items with submenus this behavior is broken. The first tap both shows the submenu and follows the link on the top level menu item.
We don't have a fix for this yet, but it should be fixed for the next quarterly release of Muse (curently looking like late August).
The list of supported browsers is in the FAQ page of muse.adobe.com.

Muse: kann ich mit Muse eine (neue) Tablet- und Phone Website erstellen und eine bestehende Desktop (Typo3)-Site einbinden? Bzw. von/auf diese verweisen?

Es existiert eine (aufwändige) Typo3- Website. Diese ist nicht von mir erstellt, aber ich habe Zugriff auf den Server.
Nun möchte ich passend dazu in Muse eine Tablet- und Phone-Variante erstellen.
Beim Zugriff sollte der Browser dann erkennen, ob er phone, Tablet oder Desktopdarstellung bracht und entsprechend dort hin verweisen.
Also bei Phone-Zugriff auf die Phone-Muse-Site, bei Tablet-Zugriff auf die Muse-Tablett-Site und bei Desktop-Zugriff auf die Typo3-Site.
Wie stelle ich so etwas an?

Beim Zugriff sollte der Browser dann erkennen, ob er phone, Tablet oder Desktopdarstellung bracht und entsprechend dort hin verweisen.
Kann er nicht, von daher ist die Idee für die Tonne. Dafür bräuchte man JavaScript oder einen serverseitigen Mechanismus, der das ausknobelt und auf die jeweilige Seite weiterleitet. Da aber JavaScript bei mobilen Browsern eingeschränkt ist/ sein kann, muss selbst das nicht funktionieren. Also bräuchtest du trotzdem noch irgendwo als Sicherheit manuelle Links, die auf die entsprechenden (virtuellen) Verzeichnisse oder (Sub)Domains verweisen. Wenn du schon eine Seite hast, wäre es doch eh viel sinnvoller, die komplett neu zu stricken und anhand von Media Queries und konditionalem CSS jeweil eine geeignete Formatierung der gleichen Inhalte zu liefern - so, wie es eben die meisten Seiten machen und auch einige Muse-Vorlagen schon gebaut sind. Also im Klartext: Spar dir den ganzen Ärger mit so einem zusammengehackten Mischmasch, der sowieso immer ein Kompromiss bleiben wird, und fahr 'ne klare Linie. Auch für Typo 3 gibt's übrigens genug Fix-und-fertig-Themes, die man nur auf dem Server installieren und anpassen muss...
Mylenium

Third Party Hosting Muse Site - 404 Error on Mobile

Hi guys,
I recently exported my Adobe Muse site files (pixelariumstudio.com), uploaded them into FileZilla, and then uploaded the site to GoDaddy hosting services using FileZilla.
The site looks great on desktops but I receive a 404 error whenever I try to view the site on mobile devices (even tablets). I called GoDaddy thinking it was a problem on their end but after two opinions from two separate calls, I've been informed it's the code of the site itself that is the problem. The funny thing is, when the site was hosted through Adobe, it appeared fine on mobile devices but when the site was moved over to GoDaddy, the 404 error arose.
I'm wondering if Muse writes specific code for displaying a site in mobile browsers that is not recognized by third party hosting services because GoDaddy is not redirecting the site to the mobile view and instead just coming up with a 404 error. If so, is there any way to change the code that Muse writes to display the site on mobile devices so that GoDaddy can recognize it? I've done some research online to see what basic code is used to redirect a site to the mobile view but all I came up with was:
<meta name="viewport" content="width=device-width, initial-scale=1">
Every guide I find says to place that tag right after the <head> and I do but still no luck getting the website to display on mobile devices. If anyone knows the proper coding to get GoDaddy to display a Muse site on mobile devices, I would forever be in your debt. I'm guessing it's just a couple lines I have to replace but I don't know what lines or with what to replace it. :/ Here is the entire <head> of the website in case this helps find any faulty code:
<head>
<script type="text/javascript">
   if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.musemenu.js", "webpro.js", "jquery.watch.js", "jquery.musepolyfill.bgsize.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "museredirect.js", "jquery.scrolleffects.js", "index.css"], "outOfDate":[]};
</script>
<script src="scripts/museredirect.js?17485671" type="text/javascript"></script>
<script type="text/javascript">
   Muse.Redirect.redirect('desktop', 'tablet/index.html', 'phone/index.html', '');
</script>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="2014.2.1.284"/>
<title>Home</title>
<link media="only screen and (max-device-width: 370px)" rel="alternate" href="http://pixelariumstudio.com/phone/index.html"/>
<link media="only screen and (max-device-width: 960px)" rel="alternate" href="http://pixelariumstudio.com/tablet/index.html"/>

<link rel="stylesheet" type="text/css" href="css/site_global.css?3995807253"/>
<link rel="stylesheet" type="text/css" href="css/index.css?4104780936" id="pagesheet"/>


<script type="text/javascript">
   document.documentElement.className += ' js';
var __adobewebfontsappname__ = "muse";
</script>

<script type="text/javascript">
   document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/playfair-display:n4:all;ubuntu-condensed:n4:all;raleway:n3, n7,n6,n4:all.js" type="text/javascript">\x3C/script>');
</script>

    
<headHTML>
<style type="text/css">video {
        width: 100%;
.mask {
width: 100%;
height: 903px;
display: relative;
position: absolute;
overflow: hidden;
}</style>
</headHTML>
<style>
li {
letter-spacing: 2px !important;
</style>
</head>

Sounds like you haven't uploaded all the files exported by Muse.
Specifically, it looks like you didn't upload the 'phone' folder.
If you use Filezilla or another 3rd party FTP tool, you have to be sure to upload all the files exported by Muse for your site to work correctly.
You can also use the 'Upload to FTP host...' menu item within Muse to upload all the files to your web hosting provider.

Why is my muse site not displaying all elements in firefox and IE

Hi I am having problems with my MUSE site. the embedded HTML buttons and images i have used on the site wont display on Firefox or IE. everything works fine in Chrome. am i missing some code?
my website is www.simplesites.com.au. please any help will be appreciated

Hi, I'm not seeing a problem. Can you post a muse screencap?

How do I create a hyperlink from a tablet view to a desktop view in another muse site.

How do I create a hyperlink from a tablet view to a desktop view in another muse site.
The page keeps redirecting to a table view in the 2nd site. There is no tablet view set up.

Here's a similar thread that should clarify most of your doubts regarding linking pages between different layouts.
http://forums.adobe.com/message/5147694
Thanks,
Vinayak

Muse site doesn't display properly

Here's the deal. I created a site in muse, then exported to html. Muse created index.html inside of the folder where the muse doc is located. That's exactly what I expect. Now, when I ftp to my webserver, all I get is plain text. I don't think the server is the culprit, because it hosts other muse sites properly. if I navigate to the UNC path and launch index.html, it displays properly. it's only when I hit the url from a browser. What could I possibly be doing wrong here?

Hello Matt,
On running the pages locally from the location where they were exported to, if they look fine and load up as they are supposed to, then it confirms that Muse exported the pages fine. This then leaves only two possibilities where things might have gone wrong, as mentioned below:
1. Either the upload didn't go fine. In this case, try re-uploading using both the "File -> Upload to FTP host" and "File -> Export As HTML" and then using an FTP client to upload to the host.
2. Or the host isn't rendering the site as it should. In this case, have the host "Reset your FTP permissions" and then reupload the site to see if that resolves the issue.
Hope this helps.
Cheers
Parikshit

Muse Site does not display completely, amazingly, in Safari. In Chrome, Firefox and IE, however, the site is displayed correctly ...

Muse Site does not display completely, amazingly, in Safari. In Chrome, Firefox and IE, however, the site is displayed correctly ...
Kari

Hi Aish
The site URL is: http://hotelegerkingen.businesscatalyst.com
The page
http://hotelegerkingen.businesscatalyst.com/räume --- preise.html
and
http://hotelegerkingen.businesscatalyst.com/menus.html
not show the whole content (only in Safari)
Thanks for the support!
Regards ,
Kari
H·B·H Communications & Events
Karl Wälle
[email protected]
Breitensteinstrasse 96
8037 Zürich
Fon +41 44 447 40 90 (direct 99)
Mobile +41 79 964 65 12
Fax +41 44 447 40 89
[email protected]
www.hbh-com.ch<http://www.hbh-com.ch>
Am 14.08.14 17:31 schrieb "Aishvarya Raj Rastogi" unter <[email protected]<mailto:[email protected]>>:
Muse Site does not display completely, amazingly, in Safari. In Chrome, Firefox and IE, however, the site is displayed correctly ...
created by Aishvarya Raj Rastogi<https://forums.adobe.com/people/aishvarya+rastogi> in Help with using Adobe Muse CC - View the full discussion<https://forums.adobe.com/message/6640545#6640545>

Is it necessay to add a canonical tag to tablet and mobile versions of a Muse site?

Is it necessay to add a canonical tag to tablet and mobile versions of a Muse site?

I know that they don't actually touch anything on the site. However when you create a tablet version of your site, they "take care" of the redirection to the tablet version. So I am wondering if a search engine views the tablet version as duplicate content when everything is nearly the same... or does muse put something in the code that would let robots know this like a canonical tag?

The Muse-Site is on Tablet sluggish, not smooth. What can i do?

All Muse-Site are sluggish on Tablet. They don't run smooth and soft. On desktop everything runs fine on scrolling, but not on Tablet. What can i do?

Please provide the URL of the site.
The larger the number of individual attributes being updated during scrolling the larger the load on the CPU. The larger the amount of image data being moved and clipped at different rates, the more likely it is the CPU/GPU performance will begin to lag on lower performance devices.
What version of Muse was used to generate the site? Major changes were made to how scroll effects are implemented within the browser to significantly reduce the CPU load when animating multiple attributes and/or objects in the 7.2 release
A site that makes heavy use of scroll effects in terms of the total number of attributes/objects being animated and/or the total amount of image data being animated will lag on lower powered devices and slower browsers.

Muse site not displaying correctly when 'Published' to BC

Hi all
Strange incidents happening with a Muse site I'm designing for a client. When I use the Publish feature (which uploads the site to the default Business Catalyst domain you get with the Muse subscription) it throws the elements all over the place, so buttons, type, imaegry and widgets aren't wheere they should be.
I've cleared the cache, restarted the browser, tried in other browsers and still the same result, so pretty unhappy.
When I 'Preview' the site in a browser everything seems perfect.
Bizarre thing is when designing my first ste the opposite was the case; lots of visual problems when using 'Preview' but perfect when 'Published' to BC.
Anyone got any ideas as to why this is happening?
All help appreciated

Hi gaurav
Thanks for the reply, think we have the solution. Apparantly Muse is not uploading the updated CSS files. I created a test domain on my own website to use for this project and uploaded via Fetch and everything worked fine.
So it looks like it's an issue with Muse
Regards
Phil Wiles
Creative Director
Phunction Ltd
+44 (0)7513 555474
http://www.phunction.co.uk

How do I add an already built Shopping Cart (PHP and MYSQL) application to a page in a Muse site?

How do I add an already built Shopping Cart (PHP and MYSQL) (Cartweaver 4) application to a page in a Muse site? Do I have to export the Muse site as Html to dreamweaver and them use the extension to bring the shooping cart in or can I do it directly in Muse?
Message was edited by: mgv2048

We have experimented with doing this with some good success. We have been working on adding Cartweaver to a Facebook page by essentially adding a Cartweaver store to Facebook in an iframe. The "store" would be pages with just your basic product display, cart, and checkout functionality, with none of the "window dressing" - just use CSS to match the color and general look of the design it's being added to.
The one problem with this for Facebook is when it comes time to check out toy have to leave Facebook and go to your server where an SSL is in place. Fortunately in this situation this would not be the case, you can have an SSL installed to the root of your site and you'll be okay.
This is an interesting project. Give this a try and let me know how it goes and if you run into any snags, please make a post on the Cartweaver forums: http://forums.cartweaver.com - I'm really confident that this can work, and not only work, but work well.
Looking forward to hearing how this goes, and being of what help we can.
Lawrence Cramer - *Adobe Community Professional*
http://www.Cartweaver.com
PHP & ColdFusion Shopping Cart for Adobe Dreamweaver
Stay updated:
http://www.facebook.com/cartweaver
http://www.twitter.com/cartweaver
http://blog.cartweaver.com

Publish Muse site via Muse with GoDaddy Domain

Hello,
I've had this problem for months now. I don't even really know where to begin. I have a site in Adobe Muse that I had been publishing for quite some time through Muse. At first using the business catalyst URL but then using hosting from GoDaddy. I went into GoDaddy settings, changed the nameservers to the Adobe Settings -
NS1.WORLDSECURESYSTEMS.COM
NS2.WORLDSECURESYSTEMS.COM
NS3.WORLDSECURESYSTEMS.COM
That is all I remember having to change. With-in 24 hours I was able to publish the site via Muse, using the GoDaddy domain and it had been working for quite a while. I've done the same method for another site and that site has had no issues. The site I'm trying to publish is www.southaddisonpix.com. It has domain and hosting from GoDaddy. When trying to visit the site I get this message in the browser:
No Start Page
Could not display this Web Site as no Start Page has been configured. To configure a default starting page, set one of your Web Pages to be the Start Page. Please contact your Administrator for more information.
In Muse, I don't see where to set the home page to the "Start Page". I also cannot access the site using a httpwwwsouthaddisonpix.businesscatalyst.com URL. My other site that works is www.andybatson.com. This site uses the same method for publishing as I'm using for the problem site I'm searching for help with.
Is this a Muse/Adobe/Businesscatalyst problem or a GoDaddy problem?
I'm at a complete loss as what to do.
Thanks for any help in advance.
Andy

Please view this video tutorial on setting your start/home page for your site.
- http://www.youtube.com/watch?v=BlPzL0icNp0

Publishing Edge content in a muse site

So I've been adding a lot of adobe edge animations to my muse website. When I go to publish the muse site, it says there are 1900 image files to upload, and I see all these images that aren't even in my website. I think for some reason when the edge projects are being added to my muse site, they're dragging the ENTIRE library of available images with them into muse in the OAM package, making it take forever to publish my site. Is there anyway to get rid of this extra image library? Is it a problem with muse, or with animate? Thanks for anyone who has any idea!

Hi.
One cheap way: an inline frame (iframe tag) on your marketing website could display your portal news page (or a page portlet housed on yet another page, with only the desired regions displayed).
Another more flexible yet more programmatically intense option: expose your portal content as RSS or XML. We've created some PL/SQL procedures that leverage the Portal content APIs and views (e.g. wwsbr_all_items). That lets us pull out the content however we want and use server-side XSLT to render it elsewhere.
Hope this stimulates some ideas.
-John

Is it possible to export the html code from a muse site that I am building?

Is it possible to export the html code from a muse site that I am building?

Mac_Heibu has the right idea. When you export your site to HTML, it creates a folder that contains all of your pages. Here's an example of what the folder will contain. All of your HTML pages, all your scripts, CSS, and it'll also have individual folders WITHIN your main folder for your phone or tablet versions, if applicable. This method allows you to upload your files to an FTP host. However, if you're trying to upload it to an FTP, the BETTER option would be to go File > Upload to FTP Host. If this has helped you, please mark mac_heibu's answer as the Correct Answer, and feel free to mark my reply as a Helpful Answer.

Inconsistent display of Muse site on tablet.

Similar Messages

Maybe you are looking for