Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1469528
WP Bakery Image Gallery Not Responsive
Closed

Comments

  • Tim Miller started the conversation

    Hi Guys,

    Seem to be having a problem with the image slider/gallery item. With TheGem Child activated, formatting is messed up and it's not responsive. However if I change templates to twenty seventeen, it works perfect and is responsive.


    Any thoughts?

  •  7,280
    Oliver replied

    Hi, 

    can you add few screenshots with the problem?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Tim Miller replied

    Hi Gregor,

    Here is a video as it's difficult to get a photo:

    https://linksharing.samsungcloud.com/1518710169992CBB6vYB

    The images are all 972x648 and have tried many different settings. On a mobile phone they get stretched vertically maintaining horizontal width. I noticed there was a recent Gem release...

  •  7,280
    Oliver replied

    HI!

    pls. use following css:

    .theme-default .nivoSlider img {
        height: 100% !important;
        width: 100% !important;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Tim Miller replied

    Hi Gregor,

    Thanks so much. What class should I use for the flex slider fade?

  •  7,280
    Oliver replied

    Hi,

    Sorry?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Tim Miller replied

    Gregor,

    Yes, I'm having trouble with the GEM slider gallery item. The code you gave me before was for the nivo slider, but I'm not using that one. I'm using the flex slider. Please see this as an example: http://yourchamberconnection.com/2018/02/20/northeast-tarrant-county-tx-new-year-new-growth/

    it is not responsive.

    Thanks.

  •  7,280
    Oliver replied

    Hi,

    Sorry for delay, I was out of office because of illness, pls. use this:

    .flexslider .slides img {
        width: 100%;
        display: block;
        height: 100%;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver