Image reactive crashing on mobile

My site shows a header broke on a phone image. Here is a screenshot:

http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-error-1.jpg

What is the best way to get around this problem?

Ideally, I would like to change to a different image under a certain breakpoint (for example, width 600px maxi)-one with the logo/slogan to full width to make sure they are legible.

I guess I have to change something here but after much trial and error with the sizes I can't get it right for all screen sizes...

<div id="headimg" class="header-image">

<a href="http://www.chicagoprogress.com/">
<img src="http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-logo-header.png" srcset="http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-logo-header.png 1920w, http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-logo-header-300x52.png 300w, http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-logo-header-768x132.png 768w, http://www.chicagoprogress.com/wp-content/uploads/2016/07/chiprog-logo-header-1024x176.png 1024w" width="1920" height="330" alt="Chicago Progress">
  </a>

</div>

In addition to the previous posts, you should note the following-

MS Edge, will download only the required image, IE11 current size/resolution and below does not support the srcset.

Firefox/Chrome, will download all the images if you use sizes, and only the image required if you use the resolution.

Safari and iOS, requires version 8 or 9, but 8 only supports the resolution feature.

Android, will depend on the browser you are using, but the browser prior to version 5.1 Android does not support srcset, but if you install Firefox or Chrome then you will need version 46 or 51 respectively.

Tags: Dreamweaver

Similar Questions

  • delete all the images in the Lightroom mobile, but those in the collections

    Hello

    After using Lightroom for mobile on my Apple TV, I realized that, other than the images I've grouped in collections, all the photos I took with my iPhone are available under the "images" tab

    I don't want that, so I disabled the feature to add.

    How can I delete all these images from Lightroom on mobile?

    I want to only keep those in my collections. Also, I don't want to delete the pictures that I took with the iPhone from the mobile, only from Lightroom.

    I hope someone can help,

    Thank you in advance.

    Thank you once again, Mohit.

    I thought... a work around in Lightroom, I created a collection called mobile DELETE... so I went to all the "Lightroom Photos' and choose ' copy in...» »

    I then could quickly select hundreds of photos at once and have all those I want to deleted in the new collection.

    Finally, the desktop version of Lightroom, I can select all the images in the collection DELETE and get rid of them.

  • Any way to rotate the images in the new mobile app?

    Any way to rotate the images in the new mobile app?

    Hey Keenan,

    Sorry we do not have this feature yet, but we're working on some really cool things for our next release. One way you could rotate your images open your media in QuickTime player, turn it then re - import into Clip. Not the prettiest workflow, but it does not work.

    Best,

    Peter Garaway

  • Text in the image reactive?

    I have a problem with the text in a reactive image.


    I create an image it reactivates in width and height and put a legend on it (in the container of the photo).

    When I begin to change the width of the browser, the text jumps out of the container in the photo.

    Bringing together two points does not solve the problem.

    Is there a way to keep the text on the image (in the image container)?

    Any ideas?

    Of course, it would be possible to create a text frame and place the image in the background of it, but then the image is not admissible height, which could spoil the mobile design.

    Otherwise it would currently be impossible to create captions in images...

    THX!

    Hi Tibor,

    Maybe this helps: workaround

    Abhishek

  • Firefox is visualization of images such as a mobile device.

    My firefox is visualization of images as a mobile device, with a black background and the centered image. I do not like that and go back to la I've had before.

    With Firefox 11, which has introduced to improve the visibility of the images seen. You can install the https://addons.mozilla.org/en-US/firefox/addon/old-default-image-style/, that will make all the images to display, as they did before.

  • Showing images of Stock in mobile applications

    Reposting my question - surprise, the locked Adobe customer support staff this discussion marking as duplicate to another question...

    I am a social network of construction and mobile application where views will have the funds I want to use Stock images for Messaging. These funds will NOT be the reason users will buy / use the application but only serve as a background to improve the appearance of the application.

    Can you advise please if the Standard license will suffice for this kind of use? Also, if as the user base of the application increases to over 500,000 - do I then buy the image with the extended license and in the meantime, I can continue to use the images based on the Standard license?

    Thank you very much!

    Hi Vikram,

    Without seeing the actual use, the best answer we can give is reference to the license agreement. There is a lot more than if it is sold or not. There are moral in the agreement standards as well as images must not be used if sow the image in one case, it was not intended such as images of people on dating or social media sites.

    So, I don't know if you saw the requirements of license or not, but here is a link to the case where.

    http://wwwimages.Adobe.com/content/dam/ACOM/en/legal/servicetou/Adobe-stock-additional-ter ms_20160119.pdf

    Royalty-free images, pictures and graphics. Adobe Stock

    http://www.Adobe.com/content/dam/ACOM/en/legal/servicetou/Adobe_Stock_Terms-en_US_20160616 .pdf

    Updated link to update

  • Share images in Lightroom iOS Mobile app number

    I have problems of sharing or downloading of the images from the camera roll in iOS LR Mobile app.

    Regularly, the image produced is just black. This happens, when the auto tone is set. Once, the exported image is ok. I'm not aware if there is something new or simply since 2.3/LR 6.5.

    I just send you a private message. -Guido

  • Weird Image loading Glitch on mobile site

    So I just publish my site that I exported to Muse on Dreamweaver.

    I am faced with this very strange loading glitch that happens only on the tablet/mobile version (office works very well) where sometimes the images load with a strange problem:

    image1.PNGimage2.PNG

    It is only when I wipe my phone web/on historical data are loading images, but even in this case, other images are starting to act up.

    thosesixfaces.com

    Thank you!

    I have not checked on a mobile device, but what follows is not admissible

    "images/title.png" alt = "" " width="369"height ="61"/ >"

    To make them sensitive look here Responsive Web Design Images or Google the topic.

  • Google maps image reactive

    Hi I want to add a card google my site and want to make reactive image how would I go about that here is my code thanks

    < div class = "container" >

    < div class = "row" >

    < div class = "box" >

    < div class = "col-md-4" >

    "< img class ="img-reagent"src ="... /... "/ img/event places pictures/rds.jpg" alt = "Dublin RDS" >

    < / div >

    < div class = "col-md-4" >

    < h3 > Vicar Street Dublin < / h3 >

    < p > more beautiful place in town and countryside, Vicar Street attended hundreds of memorable shows since it opened its doors on Dublin's Thomas Street 1998. < /p >

    Contact information < h2 > < / h2 >

    58-59 St Thomas, Dublin 8

    < br > Ireland

    < / address >

    < address >

    < abbr title = "telephone" > PH: < / abbr > < a href = "Tel: + 15555551212" > (01) 775 5800 < /a >

    < br >

    " < abbr title ="website"> WEB: < / abbr > < a href =" http://www.vicarstreet.IE/ "target ="new"> www.vicarstreet.ie < /a > "

    < / address >

    < / div >

    < div class = "col-md-4" >

    " < iframe src =" https://www.google.com/maps/embed?pb= 1m10!1m8!1m3!1d1191.5009749564947!2d-6.2287732!3d53. 3253184. 3 m 2! 1i1024! 2i768! 4f13.1! 5e0! 3 m 2! 1sen! 2sie! 4v1446642045548 "width ="350"height ="350"frameborder ="0"style =" border: 0 "allowfullscreen > < / iframe > < / div > "

    < / div

    > < / div >

    < / div >

    < / div >

    Since you're using Bootstrap, use sensitive Embed: http://getbootstrap.com/components/#responsive-embed.

  • Adding an image to PDF on mobile

    I create pdf documents and to complete on my laptop but I need to insert a picture into the document. Adobe x 1 pro can do this

    Adobe Acrobat is not available on mobile devices. Adobe Reader, which is available for the Android and iOS devices, does not support adding images. Or the player on Mac and Windows.

  • Satellite Pro L770 crashes when mobile broadband is de-energized

    Hello

    I have a portable Satellite Pro L770 running Windows 7. My problem is that when my mobile broadband is de-energized my mouse freezes and I can only close by using the "stop" key as CTRL/ALT/DEL will not work in closing the program.

    Any ideas anyone?

    PADI.

    But if you n t mobile use in wide band, everything is OK, right?
    Do you use the touch pad or external mouse?

  • HP T610 more: HPDM deployment for t610 image more crashes during the installation of the new initial start of the image

    We are working on the update of our thin clients HP T610 more.  Update us the thin clients in the last image of the OS WES7P and also update to IE11 and Citrix receiver 4.4.

    We use HPDM 4.6.4

    We have successfully several T610s and update the image of the OS and related software with no problems.  We are then able to use the 4.6.4 to successfully shoot HPDM and image of these thin clients updated in the master repository.

    We then create a task to deploy the new image to several thin clients.  We configure the task to use the imagery being cached, and then run the task.  HPDM then successfully deploys the image for thin clients.

    Customers accept the image cache and once the image is fully downloaded they restart to deploy the image.   After the restart, the image unfolds and decompresses correctly, then the thin client, start the original installation of Windows.

    But for 90% or more of these newly imaged thin clients that they get hung up during the installation of Windows (usually during the message that windows is written to the Registry).  Once the thin clients get hung at this stage they are inaccessible and unrecoverable by HPDM and must be copied via USB.

    We believe that the issue is somehow related monitors are connected to thin clients.  If isolate us completely thin clients monitors, then deploy an image the new image is OK.  HPDM reports that the image has been deployed successfully.  If we then go back to thin clients and reconnect the monitors of the thin client is updated and the screen seems to be in standard vga mode low resolution.  A restart of the thin client then recognizes and sets the appropriate screen resolution, and the thin client is good to go.

    What is normal sound monitors must be separated to deploy a new image?

    Thanks for any idea or thougts.

    From the point of view HPDM, disconnect monitor is not required when you deploy the image. Personal thought is that there is a compatibility problem between the display driver, graphics card and the system. Installing Windows intend to write a default registry value based on connected monitor (maybe display settings), for some reason, he was stuck. I'm not the driver or the operating system that you are an expert, I would say that you submit a ticket to HP for additional troubleshooting.

  • Image reactive

    Dear Adobe community,

    I want to be able to add a picture to a div element that is resized when someone reduced the width of the web browser, while maintaining the relationship between the width and the height.

    In addition, the other condition is that this happens all in maintaining the fixed height of the div element.

    Imagine a picture that is larger in size then the div element and, when the width of the div element is reduced, 'fixed' the relationship between the width and the height is preserved, because the image reduced in size.

    Take a look at nasa.gov and minimize the window of your web browser to see this effect; you will notice that at some point, when you drag the web browser window horizontally, the image reduced in size but preserves its relationship between the width and the height.

    I would really appreciate you describing how to achieve this effect.

    Thanks in advance!

    Best regards

    Dominus

    In the case you mention make background images using a combination of style inline and external style.

    To simplify the concept for you, the idea are set you the background image for your

    using css.

    {.myDiv}

    height: 300px;

    background-image: url (myBackgroundImage.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    }

    And then to a given width browser use a media query to change the height of the

    :

    @media screen and (max-width: 768px) {}

    {.myDiv}

    height: 200px;

    }

    }

  • Disable "save image" touch on the mobile sites

    How can I disable the "save image" button on phones and tablets? If it requires javascript or css, how should I do that in Muse?

    Try adding the following code to the Page Properties->-> HTML metadata for:

    Thank you

    Vinayak

  • Number.Floor seems to be a valid function but is not. The origin of crashes on mobile.

    This is a cross-post from http://forums.Adobe.com/message/4993660/ We do not have a response there and this issue and similar discrepancies between what the IDE can compile and runs on a device that has been costing us man-days work.

    We have recently had a problem where when using FB compilation and debugging on the device works very well. But when we built the app using Ant, it was crashing on Android devices. After debugging, that we found that the Number.floor is not a function.

    I can't find any slot that says that Number.Floor has never been a Flex/ActionScript/air function.

    Then why Flash Builder seems to think that it is valid, let's compile it, and even run it on the device? Is there some 'still more strict' compiler option I have to check?

    I reported the problem to the next version of Flash pro and Flash builder.

    It seems that the bug was marketed 11.3 in flash player.  earlier versions of fp correctly identify errors in the application of mathematical methods of the class and properties to the number class.

Maybe you are looking for

  • I don't see my application after login

    After logging in as a developer I only see the message below after clicking: iTunes Connect What is the problem with my login? News New in App Analytics We have added support for tvOS apps App Analytics, so you can now learn more about your applicati

  • Enable drop-down text ring/enum selection programmatically

    Hello Is it possible to active the drop-down menu for a ring of text, or enum programmatically, like to point to the user to select one of the options for the command. Thank you

  • Upgrade Windows Server 2012 Std to 2012 Std R2 with the same license

    I have an activation key for windows server 2012 Std, can I upgrade windows server 2012-2012 Std R2 with this key? Thank you

  • HP envy 4500 e: printer problem

    Click Print for pictures and he wants Telec.  Uninstalled software and drivers, reboot the printer i.e. power and usb disconnected for twenty minutes before reinstalling.  Always wants to fax my print mode and advises connect me to a fax.  When I rem

  • Error executing ethernet modbus slave demon in an executable

    I wrote an application that integrates a modbus ethernet slave - similar to that included in the examples of LabView (2013). If I run this as a VI, then there is no problem. However, if I create an executable file then I get an error message on the v