Image is too large to be viewed completely

You may be able to completely view an image on a computer, but if the image is too large, it will not fully appear on a phone. Here is an example of a page with a large image on a computer:

large image example

Here is an example of the same page with an image on a phone. Notice how the image is cut off.

cutoff image on phone

For images added to an EZ page's content field, resize the image to 310px wide or less and reupload or to 820px wide and apply "full-width-image" class

Full-width image isn’t stretching all the way to the edges

If an image is full-width but not as wide as another full-width image, like this example below, follow these steps:

image not as wide as another full width image example
  1. Navigate to the grid cell where the image is located
  2. In the content field that holds the image, click the Source Code button in the toolbar
  3. Delete the paragraph tags from around the image (delete <p> from the beginning and </p> from the end of the image code)
  4. Click "Ok", and then select "Submit" in the vertical ellipsis

 

Broken logo image in footer

broken footer image example
  • Make sure in the footer block, that the image is internally wired.
  • Edit the footer ssi file (the file that is published, not the block) and click on the Configure tab.
  • Check the "Override the current Site's asset link rewriting behavior for this asset" box
  • Then select the "Site-relative" radio button
  • Republish the ssi file.

Back to Top