Highlighted

Icons are distorted in Mobile and Tablet view

Explorer ,
Oct 19, 2018

Copy link to clipboard

Copied

I'm in Robohelp 2017. I'm using corporate-approved icons, so I can't swap them out for other images. I'm editing the Charcoal Gray layout, and the icons look fine in Desktop view. I saved the same icon as every view, in both active and passive, so it's exactly the same icon throughout. However, when I display the same icons in Tablet or Mobile view, they stretch horizontally. The most noticeable ones are the Index and Glossary icons.

I tried editing the image size so it was stretched vertically to counteract the distortion. A also tried adjusting the canvas size and the image size in Photoshop. However, the icons still look exactly the same.

Desktop Icons

IconDesktop.png

Tablet Icons

IconTablet.png

Topics

HTML5 layout

Views

137

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Icons are distorted in Mobile and Tablet view

Explorer ,
Oct 19, 2018

Copy link to clipboard

Copied

I'm in Robohelp 2017. I'm using corporate-approved icons, so I can't swap them out for other images. I'm editing the Charcoal Gray layout, and the icons look fine in Desktop view. I saved the same icon as every view, in both active and passive, so it's exactly the same icon throughout. However, when I display the same icons in Tablet or Mobile view, they stretch horizontally. The most noticeable ones are the Index and Glossary icons.

I tried editing the image size so it was stretched vertically to counteract the distortion. A also tried adjusting the canvas size and the image size in Photoshop. However, the icons still look exactly the same.

Desktop Icons

IconDesktop.png

Tablet Icons

IconTablet.png

Topics

HTML5 layout

Views

138

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Have something to add?

Join the conversation