Bigger Mobile Images

Bigger Mobile Images en-US

Installations 9 Likes 0

Do you look at your Kanka campaign on mobile? Do you have to squint to look at the entity images? Well, no longer! Embiggen your images on mobile! This little plugin will turn your pictures from TINY to LARGE. Both regular entity images and banner images are transformed to take up more space so you don't have to put on your fancy monocle any more.

You can adjust the size of the images using CSS variables in your campaign theme:

.entity-grid { --image-width: 100%; --padding-height: 85%; }

By default, images are set to take up the full width of the screen. Change --image-width if you want them to appear smaller (or even bigger). If you want more space between the image and the header text, increase the variable --padding-height. To match colors, this theme uses Kanka's own variables: --breadcrumb-text, --header-text and --link-text.

Works for device width up to 576px.

Latest version 1.0.1

Released 1 month ago

Version 1.0.1 - Entities without images no longer have extra space.