Sensitive site > mixed images on some devices?

Hello

I'm updating the design of our Web site by using the new features in Adobe Muse: sensitive site, breakpoints. I tested the site on the desktop (Windows) and Smartphones (iPhone and WindowsPhone). Everything seemed ok, until I got a hold of an iPad Mini, and when viewing the images on the site are all mixed with no logic whatsoever. The images are in different layers, each of which has its own name (nothing like image01.png or other). I can't test it on all kinds of devices, but I always try to make as many tests as possible and solve any problem seen on all devices. I encountered this problem on a mini iPad only, but maybe you can also see on other devices? Has anyone met a similar o same problem?

Here are a few screenshots of the Ipad mini:

In this one, you can see that the two images have been replaced by SocialMedia icons that are on the footer. BTW, which are replaced by other icons or images, and not those of these paragraphs.

BadImages.jpg

Here is the bottom of the page, the section of Contact icons are on the footer, images from other parts of the page are in the place of social media:

FooterContactWrong.jpg

Here is the temp URL for the site.

Any thoughts?

See you soon,.

Marianela

Try to reset your browser and clear the cache. Then cimpletely restart your iPad by pressing the button "On" so long, until the device restarts and displays the Apple logo. This "confusion of image" happen here as well.

Tags: Adobe Muse

Similar Questions

  • Safari on my MacBook Pro retina 9.0.3 15-inch Version 10.11.3 do not show images on some Internet sites. They appear for a fraction of a second then disappear with a question mark in the Center. The same sites work fine on Chrome and Firefox.

    Safari on my MacBook Pro retina 9.0.3 15-inch Version 10.11.3 do not show images on some Internet sites. They appear for a fraction of a second then disappear with a question mark in the Center. The same sites work fine on Chrome and Firefox.

    I suggest you only begin by taking the measures recommended in this support article.

  • Sensitive site + white space to the right of the iOS device

    I recently downloaded the new version of Muse and started on a sensitive site for a client. Everything seems to be working and rather smooth through all the breakpoints for the most part, but when I visit the site on my iPhone 6 there is a white space of 30px along the right edge (screen included). When you rotate into landscape mode the problem disappears, but returns in portrait mode. In the browser on my desktop, everything behaves as expected because you expand and contract to the browser window. I also had a fried pull it upwards on their Android device and the page loaded as expected. Looks too good on an iPad in two directions.

    I have checked and checked the master page and the home page for additional items outside the edge of the page, including all the layers and breakpoints. It drives me crazy. Help, please. I've recreated a fake site to share this duplicates the question. www.anotherfinedesign.com/Responsive/

    Adobe Muse CC 2015

    Windows 7 Professional

    Chrome Version 48.0.2564.109 m

    iOS 9.2.1


    Sample file: www.anotherfinedesign.com/responsive/Example.muse

    IMG_0561.PNG

    grantjkidney content may not exceed the width of the browser to any item on the agenda of a breakpoint. If it does, and a device arrives at this width, the mobile browser will be first size (rightly) the width of the page on the device, and then zoom out to view the entire width of the content. When there is content outside the width of the browser that translates into the mobile browser zoom out leaving, for the most part, a blank space to the right.

    More generally, this is caused by a fixed width object sticking out beyond the width of the browser when the browser width approaches the width of the next breakpoint smaller. For example the empty part right of a large text block that contains a short sentence.

  • After the update to 34.0.5 Firefox, good number of our sensitive sites of companies we created are displayed incorrectly, that in Firefox.

    Now that I have updated, or rather has been automatically updated to the new version of Firefox, many Web sites that have been good before, now appear correctly only on Firefox. I enclose a link to display the different browsers and what they currently show. I use an iMac OS X Yosemite running.

    I tried a full cleaning of the Firefox and all the files, extensions and bookmarks, with a new facility. Images that I will have in the link enclosed will be the version of Firefox slate. I need to know, not only what is causing this issue, but how to solve it. Currently, I have to go into each of our sites and check to see if they are affected. If they are, then I must make a new .css file customized for this specific version of Firefox and hope that this issue is not fixed at a later date and I have to go back to each of them.

    To the best of my knowledge, the new Firefox has some problem to show images to their size, they should not be, or not to read the CSS correctly. It is originally the rest of the layout of the site to be moved and messed up. I have associated images to be larger that how they display certain screen sizes so that when they are narrowing down to one layout mobile, for example, the image fills the screen. Bypassing of all different sizes of a sensitive provision separate image files, which is not practical, there's no way I can solve the problem.

    For example, I use a flex of gantry container, with 3 modules together on a Joomla platform for a single site. The '%' for the 3 containers from left to right is as follows: 25%, 50%, 25%. They work fine in all other browsers and has worked well in the old version of Firefox, and now they are causing big problems. I actually had to make the total container adds up to less than 100% to show somewhat properly. Of course, there is a problem, but right now, it's the simplest solution I found trying to repair files for this new update.

    Here is a link to the image I did the list of comparisons side by side of what is currently happening on our sites. Any help with this problem would be greatly appreciated, as other customers have called already saying that their sites are not displayed correctly. And surprise, surprise, it is only in the new version of Firefox. http://www.clearchoicestudio.com/Firefox-issues/browser-difference.jpg

    I have fixed the problem. It was a necessary update of Portico to solve the problem. It took them time to get things fixed to work with the new Firefox update.

  • Zoom in and out on a sensitive site

    Hi all

    I browsed a few sites and noticed some can be zoomed in and zoomed out, while read on mobile devices. Example, www.sonos.com and www.jamindustries.com. While other sensitive sites cannot zoom... example: www.braven.com & www.windcarrier.com.

    I created a sensitive site and I realized, that it can also zoom in/out. How can prevent that from happening?

    I created a sensitive site and I realized, that it can also zoom in/out. How can prevent that from happening?

    You do not have.  Many people need Zoom to be able to see the things on these small mobile device screens.   If you disable the Zoom & I can't read the page, I leave your site in anger & disgust and never come back. Don't mess with popular web devices.

    It's the correct one to use meta viewport tag.

    Nancy O.

  • I have a site made with dreamweaver, but I want to change it to the sensitive site

    Hello

    I designed a Web site with Dreamweaver, but it's a non-reactive site. so I would change to a sensitive site. could someone help to change? Thank you

    Best wishes

    Mark

    Be reactive does not necessarily easy to mobile.  Mobile users interact differently with their devices.  Your new site should have tap & user-friendly menus by scanning, forms and other interactive elements to facilitate a mobile user good experience.  Then, there is a content mobile and considerations of bandwidth to be reckoned with.  Mobile users don't need to see a lot of content, or they like the heavy websites that feed on their use of data plans.  In short, there is no magic button for this.  It takes planning and execution.

    Some people like to jump start their mobile page layouts using a sensitive framework as Bootstrap or an add-on commercial magically generator presentation of the seven project.

    Responsive Web Design Extensions, applications, modules and Plugins for Dreamweaver

    Do your homework.  Study of some web sites mobile easy to see how they compare with yours.

    W3Schools - "bootstrap" tutorials

    http://www.w3schools.com/bootstrap/

    Tutorial of Republic - Bootstrap for beginners

    http://www.tutorialrepublic.com/Twitter-bootstrap-tutorial/

    Make your existing site adapted

    http://blogs.Adobe.com/Dreamweaver/2015/08/making-an-existing-site-responsive-with-new-CAP capacity-dreamweaver - cc.html

    Nancy O.

  • Adobe Revel unable to download images, from any device, any computer, any browser

    I've been a paid subscriber of Adobe Revel since its inception. I have noticed lately that I am completely unable to download a file on the servers of Adobe Revel. I have several iPhones, equipped, 5 to 6 more. Latest iOS. When I select "Save to Camera Roll" photos I get the same error again and again: "save incomplete 3 pictures could not be registered (incomplete upload).»

    On one of my computers, the Mac Pro, MacBook Pro (all new) retina, for MacBook Pro. When I go to "adoberevel.com" and open my library or Albums at the breast, I have an option to select the photos using the Internet Adobe Revel site navigation and user interface. Once you have selected the photos, I have the option 'Print to Walgreens' or 'delete '.

    When I go in single picture view, the icon which is the possibility to download is completely gray.

    Is this a joke? Seriously.

    I didn't know downloading an image I created, for a service I pay in the cloud would be totally impossible.

    It seems that the image has finished loading. What often happens in these situations, we have transferred the previews (what you see at Revel dated and magnifying glass) and were downloading the originals. Original download may take some time. During this process, something can happen. To find themselves in this State usually app is removed before we had time to complete the download, it was closed or there was a problem of the internet, etc..

    Now, if you downloaded originally using Revel iOS images, and images/videos are still on your camera device, then sign in to your account in iOS Revel - Revel original download will automatically resume.  Once iOS sync is complete, you should be able to then export the desktop or find photos in your library of Revel Adobe on Mac if you have keep Originals turned on in the settings of Revel Mac app.

    I need you to check the view of the State that you are having problems with the particular library.

    1. you can start Revel on your Mac desktop or mobile application of Revel.

    2. open the library in question

    3. on the left side of the screen, at the bottom, is an icon of cloud. Tap that

    4. in the dialog box that appears, it will indicate the State of the library. If all goes well, he will tell you that original load device of xyz. If so, you need to go to this device and complete the initial download.

    You have backups of these images on another device storage or HD?

    Glenyse

  • How to resize popup gallery image on mobile devices

    Hello

    I have a sensitive site and popup image gallery window is not resized on mobile devices. Please check the site on mobile or simply reduce your browser.

    I tried to change the CSS attributes for the specific @media but it did not work well.

    http://stsstone.BusinessCatalyst.com/gallery-by-applications-cladding

    See you soon

    Micha

    Hi Micha,

    This might be useful: http://www.rush-creek.com/lightboxHTHcustCap1a/lightboxHTHcustCap1a.html

    Kind regards

    Alex

  • sensitive site in muse

    Hello... I expose my problem: I'm doing a site in Adobe Muse and I use the sensitive function with breakpoints. I've included several break points and I hope that if I discovered the site of Apple devices (iPhone-Tablet PC laptop). The problem seems peripheral Samsug (Android and Crome browser). What is happening is that if I call the site just opened opens fine but if I rotate the phone from portrait to landscape page zoom and continues to zoom in on each rotation turning to display incorrectly. The page zoom continues at every turn until you have an enlargement of the part at the top left of the page. What could be the solution? can you tell me? .... Thank you to

    This looks like an Android-specific issue. Just to be sure, your site is not really sensitive, it is adaptive.

    I suggest you go through the tutorial to design sensitive create a sensitive site with Adobe Muse | Adobe Muse CC tutorials

  • Twitter feed widget disappears on sensitive site

    Hi, there seems to exist a few discussion threads on similar questions but nothing that comes up with a fix.

    I have a sensitive site of the Muse and have created a direct 300 pixels wide Twitter widget of Twitter. The code has been properly placed in the site. I put the widget, so when it gets to a point particular break Muse hides. However when you resize the window to its original size when previewing in the browser or when the site has been uploaded to the server, the widget does re - not appear. And before anyone asks I also created 600, 450 and 350 widgets wide just in case the wide version of 300 pixels pixel was the issue. Same result for all sizes.

    I tried to use the widget with both resize the value none and also get and sensitive width the same question. For most visitors to the site it will not be a problem as mobile tablet and small users have the hidden widget and everyone watching on a large desk / laptop screen go to him. But if for any reason no one resizes the window on their desktop, then dragged it réécrirait full size again, feeding does not appear re = who doesn't seem very professional.

    Someone at - it ideas?

    I use a MBP OSX 10.11.4 retina and all software and applications Adobe CC to day running.

    Thanks in advance.

    Simon

    Tried with a new empty site and the Twitter widget seems to work very well. Tried 30 times with the original site and also creates a lot of widgets more just in case, but was always the same questions. So ultimately I've recreated the original location of the zero and the working widget.

    Not sure what was causing the problem as used the same elements and set up as before. My guess is that there was a confrontation between either the simple email contact widget that was also on the page and / or the 3 buttons of photoshop in the foot 'sticky' at the bottom of the page.

    On the new site, I pasted in the Twitter widget first then added the widget contact then it may be an order of the item before issuing.

    Anyway for some reason any new site works now.

    Concerning

    Simon

  • Old Muse site (with different layers for phone and Tablet) converted to a sensitive site of Muse

    Hello

    I am very happy to see that the new sensitive version came.

    How can I switch my muse old sites on sensitive new version?

    Thank you very much in advance for your help!

    The new version of Muse, released last night adds support for sensitive sites (a provision that changes based on the width of the browser). Muse continues to support adaptive websites (different layouts for phone, Tablet, desktop computer).

    Convert a large site of adaptive to sensitive will be a significant amount of work.

    Before you try to convert an existing site to adaptive answering, I would say only to discover the new sensitive device by looking at a few tutorials and creation of a new sensitive site from scratch in order to have a good idea what is possible. Then you can decide if you want to convert an existing site.

    Create a sensitive site with Adobe Muse | Adobe Muse CC tutorials

  • How to create a button "call" in sensitive site DW bootstrap?

    How to create a 'call now' (telephone) button in sensitive site DW bootstrap? I had such a button with jQuery a few years ago, but it doesn't seem to be compatible with the JS in a current model of DW. Thanks in advance.

    Ron Finley

    Use the such with phone number attribute.

    tel:12345678">Phone: 1-234-5678

    If you want a "bootstrap" button, add button classes.

    tel:12345678">Phone: 1-234-5678

    If the web device of the user does not have a phone app, it won't make any difference.

    Nancy O.

  • Slide show image for mobile devices

    Hello world

    I'm doing my mobile site a little more user-friendly. On my current home page, I have a flash slideshow of images jpg image.

    Current page - photography of birds - Glenn Bartley Nature photography workshops

    I hope someone can help me with this move to a certain type of image slideshow that would work on mobile. Basically, I want to just images to scroll through all the seconds at random. Maybe 20 photos.

    Previously, I had a small banner ad of my main website that works on mobile. But when I tried to copy that code above doesn't seem to work. Perhaps because he was in a table?

    See banner advertising - Glenn Bartley Nature photography workshops - photography of birds, Nature, photography,.

    If someone has a simple code I can insert my workshops page to rotate the images through mobile devices I would really appreciate the help.

    Thank you very much!

    Glenn

    Mobile users might appreciate not all that consumption of bandwidth.  I often give my cell phone static image a users to look for not eating their limited data plans.

    On the other hand, most Tablet users have Wifi, so the bandwidth consumption is not as big a consideration for them.  However, 20 images is excessive.  5 or 6 means a better.

    If your site is built with delicate framework Bootstrap, you can use the built in component carousel Bootstrap described below.

    ALT-Web Design & Publishing: customization carousel of the Bootstrap


    Bootstrap in Adobe Dreamweaver CC 2015

    https://helpx.Adobe.com/Dreamweaver/using/bootstrap.html

    There are other sliders reactive carousel available online.

    Cycle2

    WOW Slider

    If you have a large number of images, you can use a thumbnail viewer Gallery and lightbox instead.

    Fancybox2

    Nancy O.

  • Hi there, is there someone who can help me with a safe way to turn my site into sensitive site?

    Hi, I'm new to BC and I have a site that is created on the platform of the BC, but unfortunately this is not admissible. Is there anyone who can help me with a safe way to turn my site into sensitive site?

    Of course. Send me the link and I can quote it. It could be days rather than hours to do it properly. There, some work involved to do this.

    [email protected]

  • Construction of a sensitive site for mobile phones - my first try.

    It is my first try at building a sensitive site in Dreamweaver CS6 for mobile phones, tablets, etc. From now on the page "fluid - grid.css", I have the media query to: "@media screen alone and (min-width: 481px) ' I built the entire site with this size in mind, but I found it's always appear a little too big on my iphone 5 c.»» It looks to the '(min-width: 481px) ' must have been fixed in "(min-largeur: 321px)". " To do this, I will have to start all over again with the site or can I simply change this on the css page?

    Thank you!

    Mike

    Grid layouts of fluids are built on the mobile first principle.  In other words, you don't need to specify the device width b/c this is the default layout.  First, you need to create because everything is based on that.  It ranges from 0 - 480px wide.

    Then, you build your formatting of Tablet.  DW automatically creates the media queries. Usually 481px to 768px.

    Finally, you build your office layout, new DW creates queries from the media for you. Usually 769px - 1232px.

    That said, you should never (I mean ever) alter master key or code FGLayout.css (all that you named it).  If you need to customize the styles of backgrounds, typography, etc., you must use a separate external style sheet.

    FGLayout code is very temperamental.  The more experienced coders have trouble with it.  So just don't be tempted to waste his time with her.  You will have less problems like that.

    Nancy O.

Maybe you are looking for

  • Photos - where are the originals?

    I just started to try to tame the Photos (not easy after the habit of iPhotos events). IPhoto migration was made some time ago, but I went to use iPhoto for a few months. So, in the last two days I exported the latest events in iPhoto to records as e

  • Aspire V5 - 471P restore to clean the hard disk - Windows 8

    My son has a laptop Aspire V5 - 471P identical to mine (I liked it and it seemed easier to maintain two identical pieces). Bought off eBay sound but mine was new.  Unfortunately his hard drive failed, so I'm not going to adapt to a new. The V5 does n

  • everything seems to be great

    original question: help,. Why everything in my computer looks bigger, I have Windows vista, thanks if can help.

  • DPRJournal INSERT event not triggered by the execution of the synchronization process

    Hello I have a process attached on DialogDatabase to the custom event race on demand. This process to synchronize. To send me a report of tha sync I have attached a process in the event of the INSERT on the DPRJournal table. But the synchronization s

  • Office Jet 4500 G510n printer ready but error rises to the status

    I have an Office Jet 4500 G510n and a MacBook Pro 15 2006 2 late model, worm 10.6.8 I upgraded to an SSD HD and everything works find except the printer. I can go to the utility and the TEST PAGE prints OK. However, the STATUS, it reads: "error/libra