Force Content onto the page

[tapio]

Hi,
I have made a gallery for my site. However, for some reason the picture fits on the screen but the text and tags below can only be seen when scrolled. I try to find a way to have this all be seen so that the user does not need to scroll to see the picture description.
Check here and you see what I mean:
https://www.tapio.my/tapio-album/industry-4-0-workshop-selangor/#!gallery-61-695

[Rattus]

Try this Custom CSS code for Phantom module:

.mfp-content figcaption {
    position: absolute;
    width: 100%;
    bottom: 40px;
    padding: 0 20px;
    background: rgba(0,0,0,0.5);
}
.mfp-content figcaption .mfp-bottom-bar {
    margin-top: 0;
    position: static;
}

Or you can try Phantom Pro module.

[Author]

Posts