Cropped gallery view on iPad

This topic contains 8 replies, has 2 voices, and was last updated by  CTHthemes 1 year, 1 month ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #13877

    bande128
    Participant

    Support Expired

    Hi! Cross-posting from the comments section on themeforest here:

    Currently, images from the gallery get cropped on iPads. This page (see imgur gallery below) uses the Bloom Portfolio Style 1 layout. The iPads (because of their high resolution) don’t respond to responsive layout (according to WordPress, tablet and mobile view should be the same – they’re not). Now the desktop version gets displayed on iPads and the images are thereby cropped. See example pictures here: imgur.com/a/ZNElj What CSS snippet can I add so that for the galleries, the mobile version is also displayed on iPads? It’s only about the gallery, everything else is perfectly fine. Thank you very much for your support!

    #13881

    CTHthemes
    Keymaster

    Hi, send me your wp-admin + ftp accounts to help.

    #13886

    bande128
    Participant

    Support Expired
    This reply has been marked as private.
    #13887

    bande128
    Participant

    Support Expired
    This reply has been marked as private.
    #13891

    CTHthemes
    Keymaster

    It’s ok.

    #13897

    bande128
    Participant

    Support Expired

    Thanks for taking care of the issue!

    #13974

    CTHthemes
    Keymaster

    Hi, please delete your browser caches then check if the problem was fixed?

    Here is the changes:

    – theme style.css file: http://prntscr.com/f5cq5l

    
    /*.gallery_horizontal.owl-carousel {
    	display: block;
    }
    .gallery_horizontal .horizontal_item  , .gallery_horizontal     {
    	height: auto !important;
    }*/
    .gallery_horizontal + .customNavigation a.next-slide,
    .gallery_horizontal + .customNavigation a.prev-slide {
    	display:block;
    }
    

    – theme /js/scripts.js file: http://prntscr.com/f5dw4y

    #13981

    bande128
    Participant

    Support Expired
    This reply has been marked as private.
    #13984

    CTHthemes
    Keymaster

    1, It’s not possible. The best way is displaying images in horizontal view for mobile (as our demo )

    2, You don’t need the code bellow for style.css file:

    
    .gallery_horizontal + .customNavigation a.next-slide,
    .gallery_horizontal + .customNavigation a.prev-slide {
    	display:block;
    }
    
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.