I’m slowly practicing “responsive” before uploading. At the 480 and 320 breakpoints I would like to remove the top-of-the-page graphic item, but leave it for the 768 and default pages.
However, when at 480, if I delete the graphic item, it also deletes it from the 768 and default breakpoints. Is there any way to avoid this and just remove the graphic item from the smaller breakpoints only?
However, when at 480, if I delete the graphic item, it also deletes it from the 768 and default breakpoints. Is there any way to avoid this and just remove the graphic item from the smaller breakpoints only?
You dont actually delete it - rather use the Display checkbox under the 3rd Tab in the Inspector. Set it at the 480px BP (unchecked).
Rather than deleting it at the lower sizes, just un-check the Display checkbox on the third tab of the Inspector. That hides it, but doesn’t delete it.
Walter
On May 23, 2015, at 4:42 PM, Jim Feeney email@hidden wrote:
I’m slowly practicing “responsive” before uploading. At the 480 and 320 breakpoints I would like to remove the top-of-the-page graphic item, but leave it for the 768 and default pages.
However, when at 480, if I delete the graphic item, it also deletes it from the 768 and default breakpoints. Is there any way to avoid this and just remove the graphic item from the smaller breakpoints only?
You dont actually delete it - rather use the Display checkbox under the 3rd Tab in the Inspector. Set it at the 480px BP (unchecked).
David
On 23 May 2015, 9:58 pm, waltd wrote:
Rather than deleting it at the lower sizes, just un-check the Display checkbox on the third tab of the Inspector. That hides it, but doesn’t delete it.
Walter
I’ve tried this at 480 and 320, and it does indeed hide the graphic item. But since the graphic item is at the top of the page, it just leaves a blank space the size of the hidden item. My text begins below the hidden item. Any solution to that?
Got it done on a couple of pages, per the helpful hints above. Thanks, all.
On my Landscape 480 and Phone 320 I have unchecked the “Display” box for the top-of-the-page image. But will that invisible image still slow down the load time on mobile devices? Or does not displaying it remove it totally from the load time when people click my link on mobile?
I believe for most browsers the request for the image is there regardless and is downloaded. I would assume some time is saved not actually rendering it.
Maybe it’s time the browsers used a CSS property like “preventload”
David Owen { Freeway Friendly Web hosting and Domains }