Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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,092
    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,092
    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,092
    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,092
    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