Listings slider not mobile responsive

This topic contains 23 replies, has 2 voices, and was last updated by  Giri 7 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #372017

    Ben Thompson
    Free User
    Post count: 13

    Hi, Loving geo directory by the way. However the only thing I have noticed and need a fix for is the listing slider widget isnt responsive on mobile(the title and image switching doesn’t match up and the picture is duplicated) can anyone help? I’m a novice at coding so would need step by step and locations to ad any code needed. Thanks Still building the site by the way. Thanks in advance.
    http://trustedyorkshire.com/directory/

    #372059

    Giri
    Expired Member
    Post count: 3155

    Hi Ben,

    The problem seems like coming from your theme.

    Its breaking our GD styles.

    Have you tried our themes like Directory Starter or Supreme?

    They are fully compatible with GD

    #372206

    Ben Thompson
    Free User
    Post count: 13

    Hi, is there a way to fix it? My whole website is built using a theme. KLEO theme which is supposed to support GD?

    #372239

    Giri
    Expired Member
    Post count: 3155
    This reply has been marked as private.
    #372281

    Ben Thompson
    Free User
    Post count: 13

    Can I add that in the custom CSS ?

    #372282

    Giri
    Expired Member
    Post count: 3155

    Yes

    #372283

    Ben Thompson
    Free User
    Post count: 13

    Added in, makes the images to tall and distorted, although it does fix the alignment issue.

    I tried changing to 100px but it makes the desktop version images to small.

    Any way to just show the change for mobile?

    #372284

    Giri
    Expired Member
    Post count: 3155

    Yes try adding media queries.

    
    
    @media screen and (max-width: 480px) {
        #geodir_widget_slider.geodir_flexslider .geodir-slides img {
          height: 200px !important;
        }
    }
    #372285

    Ben Thompson
    Free User
    Post count: 13

    No effect with that :\

    #372289

    Giri
    Expired Member
    Post count: 3155

    You need to replace the old code with new code.

    #372290

    Ben Thompson
    Free User
    Post count: 13

    Hi, yes I did that.

    #372292

    Giri
    Expired Member
    Post count: 3155

    I just tested your site by resizing window. I see the code i given works for the height.

    #372293

    Ben Thompson
    Free User
    Post count: 13

    Please see attached screenshot using that code.

    #372296

    Giri
    Expired Member
    Post count: 3155

    I think you are asking for 100px height.

    If that the case, change the value to 100 in my last code.

    #372297

    Ben Thompson
    Free User
    Post count: 13

    Perfect. thanks you very much for your help. Any ideas on how to recreate that slider on a custom page using shortcode?

Viewing 15 posts - 1 through 15 (of 24 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount