Skip to content

Common Problems in JuxtaposeJS

Scott Bradley edited this page Sep 10, 2018 · 1 revision

Most common problems in JuxtaposeJS

Note: The "Juxtapose creator" refers to this page where Juxtapose embed codes can be created: https://juxtapose.knightlab.com/

Asking for help

How do I ask for help about JuxtaposeJS?

Before opening a support ticket, please read through this page. Most of the questions we get are covered here. If you are still unable to solve the problem:

Common Juxtapose issues

There is too much whitespace below my embedded Juxtapose image

This is a direct result of the way web styles work and will need to be handled in the styles for the embedding page. The issue is that Juxtapose will retain the original aspect ratio of the images, resulting in different heights at different viewport sizes. When this is embedded into the page with a static iframe height, the result will be that for smaller viewport sizes, the iframe will be too tall for the images resulting in the blank space you are seeing on the page.

The fix for this is to use media queries to set the height of the iframe as needed for the viewports you want to support. The details of this fix depend on your existing page layout and styles, and viewport support needs, therefore we are not able to provide a generalized solution. If you get media queries working on your page and are still having problems with this issue, please submit a support request with a link to the published page.