Tablet & Phone Layout Displaying Desktop

Hello,
My website is not displaying the tablet and phone layout properly. It worked the first time, but then reverted back to the desktop layout. I have checked many many times to make sure everything is linked properly, and everything is good to go. I've even re-uploaded a few times and I've also unchecked the option to default to the desktop layout. Nothing is fixing this issue.
I don't understand what I'm doing wrong or if this is a bug. I have checked to make sure no empty text boxes or images or on the pages linking back to the wrong layout and I didn't find anything.
My website is artandvanessa.com.
Thanks.

Hello,
I checked your site on phone and it looked fine.
Do you still have the issue?
Regards,
Neha

Similar Messages

Muse not showing contents of Desktop on Tablet & Phone pages

My Muse 3.1 is not showing contents of Desktop on Tablet & Phone pages... how do i brought them to Tablet & Phone pages?
Desktop View
Tablet View
Phone View

Thanks Bob for the reply...
i was just stuck on that part only.. now its clear.
What I thought that Muse is automatically copy all the contents from Desktop to Tablet & Phone layout.
Now we have to copy & paste the layout from Desktop.
Thanks for help.
Sanjay

How to stop popup window using phone layout for display - Responsive HTML5, RH11

Hello,
I'm using the new Responsive HTML5 output in RH11. For some of my hyperlinks, I want to use a pop-up to display the linked topic. In the output, the pop-ups work, but they are automatically displayed using the phone layout, with the associated navigation buttons at the bottom, the help title, and so on. I don't want this - I just want a plain popup window. So, I tried to add a Screen Profile, set to 400 x 500 pixels exactly (thinking that this is bigger than a phone, but smaller than a tablet). I also added a corresponding Screen Layout. In the popup properties, I set the popup size to be 400 x 500 pixels. I guess there is something else I need to do to get this to work... but I don't know what that is. (I tried creating a new Window on the Project Set-up tab, and I tried creating a different master page. These things didn't work.)
Can anyone tell me if what I'm trying to do with these popups is just a bad idea and it won't work well with certain browsers?
Thanks!
Alexandra

I am confused as the responsive layouts are one size fits all, that is the point of them. You have one layout that morphs according to window size.
Screen Profiles are only used within Multiscreen HTML5 layouts where you can map screen profiles to different adaptive screen layouts, such as desktop, tablet and phone. That mapping does not apply to responsive layouts.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Phone layout not displaying search icon? Responsive HTML RH11

Hello,
I'm creating Responsive HTML5 output in RH11. I've done considerable editing of the default theme, changing colors and removing the index page and the links to it (we don't include an index). At some point, the phone layout stopped displaying the "magnifying glass" icon next to the TOC/Glossary icons. If you hover over the spot, the hovering icon does appear. I have tried everything I can think about to fix this problem, but can't figure it out. The regular icon is definitely present in the folder, along with the hover version. The css correctly names the icon. I have looked at the MasterThemeSchema.xml and when I fooled around with that, I got two magnifying glass icons to appear, but not one. I have created another Theme1 layout, where the search icon displays correctly, and compared the main.css and MasterThemeSchema.xml line by line. I've compared the language for the TOC and Glossary icons, which appear correctly, to the search icon, and everything looks fine. I've even started all over and modified the Theme-1 layout from scratch. Can anyone give me other ideas to check to get the icon to appear correctly in the phone layout?
Thanks,
Alexandra

Did you add a background to the search field or change anything about
the dimensions of the search?
Do you perhaps have a link to an example output made with the layout? I
could then take a look and see what is going on. That's easier than
trying to come up with sensible ideas. Perhaps you can generate an
example project with the layout (you can export/import them).
Normally, I use the developer tools in browsers to sniff out what
is going on in an example output. That's by far the easiest way to find
out why browsers are not responding the way you expect.
Kind regards,
Willam

Adding phone layout to existing desktop site - No scratch page created

Trying to make a phone version of site created in muse but no scratch page is created in desktop plan after adding phone layout. Ideas?

I'm following adobe help tutorial http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html#id_25691htt p://
Under heading "Adding Phone Layout to Existing Muse Site" #3 starts refering to "scratch page"

Mobile/Phone Layout Preview Issue

Hi all,
I've just made my first attempt at a basic layout on a master page for the mobile version of a site I'm working on, but when I go to Preview mode things just aren't displaying properly...
I have a tiled background image, a header with a logo and an image where my menu button will likely go, and in the footer I have social media icons and a copyright notice (though this will likely change). The page is blank but has rounded corners and a gradient fill. That's it so far. Sounds simple, right? Everything's centrally aligned and all lined up to what SHOULD be the left and right hand sides of the browser window, yet when I go to Preview mode, EVERYTHING seems to shift to the left for some reason? And I assume that since I can't see the footer content in Preview mode, that the user would have to scroll to see this? Which, in itself is odd since I haven't stretched the standard page height...?
The attached images should help convey what I mean.
Design Mode (content blurred out):
Preview Mode (portrait):
Preview Mode (landscape):
Can anyone advise on anything I'm doing wrong, or whether or not this is a bug? I tried this in v3.1 prior to the latest update (I'd stayed on 3.1 for a while!), and it did this, so I decided to update to v4 just in case it was a bug in 3.1, but the same thing is occurring. Anyone have any suggestions or ideas?
Ideally I want to have the finished desktop version, and both a smartphone and tablet version of this site go live at the same time, in 3 days' time, so any swift help would be greatly appreciated.
Thanks.

By looking at the guides in the first screenshot, it appears that in order to reveal the Browser Fill area on a phone layout, you have dragged the Top of Page guide down by a few pixels and brought the Header guide to overlap it. Similarly, you have dragged the Bottom of Browser guide down a little lower to reveal the Browser Fill area at the bottom and overlapped the Footer guide with the Bottom of Page guide (or the other way around). Doing so doesn't increase the Min height for the page but makes the overall height of the content area large enough to cause the bottom area to hide when using the smaller iPhone 4 Preview (like in your case). If you switch to iPhone 5 Preview and other larger devices, you might be able to preview the cropped area.
However, please note that the Preview mode for Phone and Tablet layouts do not emulate actual device behaviours and in order to test them, it is recommended to publish the mobile pages to a webhost and test on actual mobile devices.
Thanks,
Vinayak

Getting Tablet site to display on all mobile devices?

My desktop site is http://www.stevelamb.net and my tablet site is http://www.stevelamb.net/tablet/index.html . The tablet site displays automatically on my Kindle Fire and I included this code in hopes that would direct all other mobile devices to the tablet version:
<script type="text/javascript">
 </script>
This worked for iPhone but not for Galaxy phones. Galaxy just goes to the desktop version of the site.
Is there any easier way to make all non desktop devices go to the tablet version?
Thanks.

Phone devices should redirect to Tablet layout if there is no Phone layout enabled for a Muse project. Refer to the following post for more details about how this works. You don't need to add any code - http://forums.adobe.com/message/4974630#4974630
Thanks,
Vinayak

Phone layout redirect not working - built and hosted on Muse

Hi,
I just added a tablet and phone layout to my Muse built desktop layout. The redirect works fine for the tablet but the desktop version comes up on my smartphone (Android Moto X). The webpage is http://www.elegantperfection.com/ I am hosting with Adobe so I just hit Publish - I do not use Publish to FTP. The settings in site properties are set to redirect; not sure if there is another step but it seems to work fine for the tablet. Any ideas as to why the redirect is not working? Thanks!

Hi
I see you have published the site to Business catalyst, in this case, could you please try to Re-publish the complete site again and check if that helps?

Can't insert custom HTML or change social widgets to update Phone layout

MUSE 2014.2.1.10, CL 787362 on Windows 8.1 i7 processor 24 GB RAM
Anytime I try to insert custom HTML in the phone layout pages I get a window that says webpage could not be found in a window that is too wide for the screen size and can't be re-sized!!!
I am adding scripts, inline css and custom form code. Need to republish changes and can't on mobile layout. Its local code but I get The webpage cannot be found error!!! It also does this with the built in social widgets.... The code is there in the page on export but you can't preview and since I can't resize the box to 380px wide ( it jumps back open) it throws off my layout when export page.   This is not just custom HTML but upon changing or adding any of the built in social widgets such as Google maps, Facebook or other social media. Forms, buttons, menus and compositions no problems... they work just as they normally would.
Preview mode just gives me the whole page as blank when I try to preview the page in Muse. HELP I need to update the address and the form to match the desktop site but the error is persistent! and undo does not revert it back to previous content I just get the webpage cannot be found box even on undo!!!!

The SECOND picture in my previous post IS THE PREVIEW... NOTHING appears when I try to view the page in phone view!!!!
HERE IS THE CODE!!!!!
<style type="text/css">
input[type="text"]
color: #323232;
border: 1px solid #E0E0E0;
margin: 5px;
fieldset {
border:1px solid #E0E0E0;
padding:10px;
width: 350px;
legend {
padding:10 px 10 px;
border: none;
color:323232;
margin:10px;
textarea
width: 328px;
min-height: 14px;
border-width: 1px;
border-style: solid;
border-color: #E0E0E0;
padding: 6px;
color: #323232;
line-height: 14px;
margin: 10px;
button[type="submit"]
text-indent:0;
border:1px solid #E0E0E0;
display:inline-block;
background-color:white;
color:#323232;
font: Arial, sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
height:25px;
line-height:25px;
width:125px;
text-align:center;
margin-top:5px;
button[type="submit"]:hover {
              color:#679E11;
button[type="submit"]:active {
position:relative;
top:1px;
label.label-top {
display: block;
margin-top:5px;
</style>
<form name="emailForm" id="emailForm" onsubmit="return validateform();" action="contact-us.asp" method="post">
<fieldset>
<legend>E-Mail</legend>
<div>
<label class="label-top" for="name">
Enter your Name:
</label>
<input type="text" name="name" id="name" size="30" class="inputbox" value="" />
</div>
<div>
<label class="label-top" for="mail">
E-mail address:
</label>
<input type="text" id="mail" name="mail" size="30" value="" class="inputbox" maxlength="100" />
</div>
<div>
<label class="label-top" for="subject">
Message Subject:
</label>
<input type="text" name="subject" id="subject" size="30" class="inputbox" value="" />
</div>
<div>
<label class="label-top" for="text">
Enter your Message:
</label>
<textarea cols="50" rows="10" name="text" id="text" class="inputbox required"></textarea>
</div>
<div>
<input type="checkbox" name="email_copy" id="email_copy" value="1" />
<label for="email_copy">
E-mail a copy of this message to your own address. </label>
</div>
<div>
<button class="button validate" type="submit">Send</button>
</div>
</fieldset>
</form>
<script type="text/javascript">
function validateform()
var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
    if (document.emailForm.name.value == '') {
        alert('Name is required');
return false;
    else if (document.emailForm.mail.value==''){
        alert('Address cannot be blank');
return false;
   else if (document.emailForm.mail.value.search(emailRegEx) == -1) {
          alert("Please enter a valid email address.");
     return false;
    else if (document.emailForm.text.value==''){
        alert('Message field cannot be blank');
return false;
else
      alert('Thank you for contacting Argus Talent.');
return true;
</script>

Trying to embed a youtube video on phone layout- not working

Whenever I embed the following link for the phone layout, it appears to work well, until I try accessing the site on my phone and the video does not appear at all:
<iframe width="320" height="180" src="//www.youtube.com/embed/QtJmckpjmfU?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
I have taken the original code and cut the width and height in half to fit on the phone display, but for some reason It does not appear on the live website when I access it on my phone.
The desktop version works great. Here is the page I am trying to upload it to:
Stop Copying Me
Thanks
Message was edited by: Liam Dilley - Link was throwing up an error and the forums marked this for moderation, so I edited out the link.

Have you tried changing the value of src attribute in your code to begin with “http:// rather than “// ?
So your src value should look like http://www.youtube.com/embed/QtJmckpjmfU?feature=player_embedded
See if that works.
Cheers,
Vikas

I created a website and a phone version with Adobe Muse. In order to add schema tags, I downloaded Dreamweaver and edited the website. Will these tags remain if I edit the site with muse again? Does Dreamweaver have to download the phone layout separately

Also, I want to add Schema tags to the Muse master page copy, particularly serviceArea tags, but I'm not seeing the elements in Dreamweaver. Where are elements from the master found in Dreamweaver?

Hi,
I checked the first site, and there is no phone/tablet layout. On My phone, you desktop version appears fine.
regarding second site, I see the phone layout with template content, so I doubt, if you have deleted the phone layout folder from the server, but did not delete the layout in Muse file. Hence when you publish the site again, the folder was created again.
could you please confirm this, so I can test it further.

Pinning items in a phone layout in Muse

I created a desktop version of my site. But in creating my phone layout, it will not let me pin my background, logo or menu on the Master plan. The pinning tool stays grayed out. Any particular reason for that?

Hello,
Due to lack of support on some tablet and smartphone browsers, pinning is disabled in Muse for tablet and smartphone layouts.
You might see in this feature in future releases of Adobe Muse.
please refer to the forum thread below.
Pin Footer in Phone & Tablet layout
Regards
Vivek

My Muse tablet site shows the desktop version. Why?

How can I make the tablet version appear on my tablet?. Presently my kindle fire tablet shows the desktop version.

I don't know "why" this might happen, but a simple fix is to put small text on your home page: "Classic - Tablet - Phone" with links for each to the desktop, tablet, or phone sites. Once you open the wrong version on your tablet, just click the proper link (as in tablet), and the site version will reset itself properly. Next time you come to the tablet site, it will display the tablet site version. I now put these small type-links on every home page I design.

Firefox Sync doesn't sync bookmarks between smartphone and tablet.Works fine between desktop and mobiles.

I have a desktop,smartphone and tablet.They all have the latest FX35.They are all signed in and connected to Sync.Sync is the latest version and it works with email and password, instead of pins.On all devices, Sync is configured to sync all items(bookmarks,tabs etc).
When I enabled Sync on smartphone and tablet, they got my desktop's bookmarks without a problem.They appear in a folder named desktop bookmarks.All the changes reflect properly between smartphone-desktop and tablet-desktop, but, the bookmarks do not sync between smartphone-tablet.
When I open a tab on the smartphone, after a while it appear on tablet's Synced Tabs page.Vice verse is true also.So at least some syncing exists between smartphone-tablet.
Is it possible to create a bookmark on smartphone and have it appear on the tablet and vice verse,just like the synced tabs work ? I tried deleting the sync account and creating a new one, but I still don't see my smartphone's bookmarks on the tablet.
It would be even better if there was an option to choose which device can override another device's bookmarks.I don't really need desktop bookmarks on smartphone, but I'm too scared to delete them.I'm afraid it will also delete them from desktop... ?
Thanks.

HI GeorgePeterson:
So "new" aka "Firefox Accounts based sync" syncs desktop<->tablet and desktop<->phone but not phone<->tablet. Hmmm I actually have tested this S5<->Nexus 5<->desktop (Mac) and it worked.
soooo the big question :-)
# What desktop OS version (e.g. Mac OS X 10.10, 10.8, Windows (Windows 7, 8), Ubutuntu crafty codger ), what tablet and OS version(e.g. Nexus 7 2013, Android 5 Lollipop), what phone (e.g. Samsung Galaxy S5 Android 4.4.2)
I will re-test too!
Cheers!
...Roland

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

Tablet & Phone Layout Displaying Desktop

Similar Messages

Maybe you are looking for