Jetpack Gallery Carousel placemant of images

  • Resolved indoctrinated

    (@indoctrinated)


    11 years, 10 months ago

    I’ve recently gotten Jetpack’s carousel up and running on my site (example gallery), but the images when displayed are placed more than 550px from the top of the viewport.

    I’m viewing my site in Chromium ( 23.0.1271.97), but the displacement is also reproduced in the mobile version of Firefox.

    I’m wondering what causes this, and whether it’s something I need to fix in my theme, or is inherent in Jetpack itself.

    https://www.ads-software.com/extend/plugins/jetpack/

Viewing 5 replies - 16 through 20 (of 20 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    @gunderdog0717 Could you check that the Tiled Galleries module is correctly activated on your site?

    If it is, and if the Gallery type options still do not appear, could you try deactivating all plugins that may change the default behaviour of the WordPress galleries?

    Thanks – turns out that was part of the problem. I activated Tiled Galleries and then had the options for square, circles, etc. I deactivated all other image-related plug-ins. I also discovered that I needed to upload unaltered images for use in the carousel. If I pulled images out of the library that had been resized at any point previously on the site, those images appeared in their original proportions, not the square thumbnail format. These things together resolved the issue. Thanks again.

    Hi Jeremy & WP community.

    My website’s layout is horizontal, where viewers would always scroll right for more content. Galleries are big part of it as it is an architectural website. This introduction is important because I am looking for a fix for the first issue, even better the first and second issues.

    First issue:
    When I generate the gallery (Tiled/Mosaic) and click on the image, it opens the light box at left side of the page, meaning the visitor must scroll all the way to the left to discover that the image was opened there. I tried hardly to fix using CSS. I could do that through setting some element positions to FIXED. However, when trying on mobiles devices (iPad, Android phones, iPhones) it fills the screen letting no way to exit the slide show ??

    Second issue:
    Is there a way to make the gallery carousel mobile friendly where users can simply swipe the images to keep the same experience of the website itself (especially on mobile devices – where my audience most use)?

    Thank you for helping me out. I have been researching and trying to fix for almost a week now.

    Here is a link to one gallery that I will keep as tiled for now: https://ckarchitecture.com/portfolio/architectural/view/1030/ines-patisserie-dubai/

    =)

    I fixed it for now. Thanks =)

    Thanks Jeremy Herve you saved my day twice today!

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Jetpack Gallery Carousel placemant of images’ is closed to new replies.