Support » Plugin: Jetpack by » HTML height hiding gallery

  • Hi there

    I’m trying to get the Jetpack carousel to work properly, but it is conflicting with the sticky footer technique I’m currently using. The sticky footer requires the HTML element to have a height of 100%.

    The result of this rule is that the gallery won’t actually show. You just get the default Chrome patterned background.

    I notice that I can force visiblity:visible on the body attribute, which seems to fix the problem, but I’m concerned that the plugin sets visibility:hidden for a reason, so I’m looking for a better approach.

    One possibility is to use JS to set the height of the HTML element to auto while the carousel is open. Does anybody know of some JS events/callbacks that I can use to achieve this? I would need one when the carousel opens and one when it closes.


Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Richard Archambault


    Happiness Engineer

    Hi Phil,

    Can you give your site’s URL so I can have a look? I’d like to open a Trac ticket for it to get it fixed, but it’d be useful to see a live example. Alternatively, if you want you can open a Trac ticket yourself. Look at for information on how to do that, and open the ticket here: Screenshots and any other details would help in making the Trac ticket as complete as possible. Thanks!

    Hi mate

    I don’t actually have a live copy for you to see. It’s all on my local server at the moment.

    Plugin Contributor Richard Archambault


    Happiness Engineer

    Hey Phil,

    Well, if you happen to get something live for me, let me know! Alternatively, create a Trac ticket like I mentioned, with screenshots and code to reproduce it. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HTML height hiding gallery’ is closed to new replies.