Support » Plugin: Jetpack by WordPress.com » Carousel displaying under the bottom of the screen

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

    (@richardmtl)

    Happiness Engineer

    Could you post your site URL here, so I can have a look?

    If you want it to remain private, you can also contact us via this contact form:
    http://jetpack.me/contact-support/

    Make sure to include a link to this thread in your message.

    Thank you so much for your answer.
    The url is http://roverground.cz/2014/03/10/svedectvi-o-syrskych-uprchlicich-v-turecku-2/ for example.

    I’ve investigated some more and found out, that Bootstrap is probably in some sort of “argument” with Jetpack Carousel (based on some other user forum question about other, similar plugin).

    After some investigation, I have found that somehow output code includes stuff like:
    <div class="jp-carousel-slide" style="left: 0px; background-size: 100%; width: 1024px; height: 674px; top: 2081px; position: fixed; -webkit-transform: translate3d(-942px, 0px, 0px); background-position: 50% 50%;"><img src="http://roverground.cz/wp-content/uploads/2014/03/Untitled-Scanned-82-e1394504227492.jpg" style="width: 100%; height: 100%;"></div>
    As you may notice, the “top: 2081px” might be source of the problem.

    This problem occurs on more occasions, like <div class="jp-carousel-info" style="top: 4821px; left: 110px; right: 110px;">

    So far I edited plugin css file, hardsetting top values as !important but that is no long term solution.

    Thank you in advance for any help, I am struggling with this for days now and it seems to be way beyond my skills 🙂

    Plugin Contributor Richard Archambault

    (@richardmtl)

    Happiness Engineer

    Hi!

    Could you undo your changes so I can try to figure out a better solution (such as modifying your theme’s CSS, maybe)? It’d be easier to work with it without your changes.

    Thanks!

    I have reuploaded clean Jetpack and moved stuff around in my header.php and now it seems to work on 1080p screen but still doesn’t on 1366×768 That is quite weird…

    Plugin Contributor Richard Archambault

    (@richardmtl)

    Happiness Engineer

    Hi,

    I see this when trying to view a slide:

    <div class="jp-carousel-slide selected" style="left: 0px; background-size: 100%; width: 1024px; height: 684px; /* top: 2076px; */ position: relative; -webkit-transform: translate3d(768px, 0px, 0px); background-position: 50% 50%;"><img src="http://roverground.cz/wp-content/uploads/2014/03/DSC_4289-e1394503086732.jpg" style="width: 100%; height: 100%;"></div>

    So it looks like you modifed the CSS to hard-code a vlue, but tried commenting it out? Unfortunately, it still seems to be taking effect, at least in Chrome, even though it apepars commented out. Can you remove whatever changes you made again, so I can look again?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Carousel displaying under the bottom of the screen’ is closed to new replies.