How can I make an image to show fully in the job ad for mobile?

More and more job ads are viewed with different mobile devices. Therefore it’s important to make sure that everything in the job ad is mobile-optimized, including images. 

To optimize the header image of the job ad, make sure that your header image is not too large. We recommend using the ratio 1600x480, for example.

Then, add the following piece of CSS code to the “Advanced styling” field in the “Preview” page, as shown in the picture below.

.job-ad-wrapper .job-ad-classic-header-image {

padding-top: 30%;

height: 0;

}

To optimize other images on your job ad, double-click the image or click the “Image” icon in “Edit position” page:

Now you should see this ”Image Properties” -layover:

To work with any window widths, including narrow ones on the mobile devices, an inserted image should have the following specs:

• “Width” of 100%
• “Height” unspecified
• Aspect ratio link unlocked (press 🔒 if it is).

Then set Width and Height. Do not pay attention to the Image Properties Preview - the image will show correctly on the job ad page and in the preview.