Listings slider not mobile responsive

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

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • April 5, 2017 at 3:39 pm #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/

    April 5, 2017 at 5:23 pm #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

    April 6, 2017 at 11:04 am #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?

    April 6, 2017 at 1:22 pm #372239

    Giri
    Expired Member
    Post count: 3155
    This reply has been marked as private.
    April 6, 2017 at 2:01 pm #372281

    Ben Thompson
    Free User
    Post count: 13

    Can I add that in the custom CSS ?

    April 6, 2017 at 2:02 pm #372282

    Giri
    Expired Member
    Post count: 3155

    Yes

    April 6, 2017 at 2:06 pm #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?

    April 6, 2017 at 2:14 pm #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;
    }
}
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:17 pm

		
		#372285

		
		
		
	
    


    


    

	
    

		
		
    Ben Thompson
    Free User
    
		
		
     Post count: 13
    
	
    

	
    

		
		
    No effect with that :\ 
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:22 pm

		
		#372289

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    You need to replace the old code with new code.
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:22 pm

		
		#372290

		
		
		
	
    


    


    

	
    

		
		
    Ben Thompson
    Free User
    
		
		
     Post count: 13
    
	
    

	
    

		
		
    Hi, yes I did that. 
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:26 pm

		
		#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.
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:29 pm

		
		#372293

		
		
		
	
    


    


    

	
    

		
		
    Ben Thompson
    Free User
    
		
		
     Post count: 13
    
	
    

	
    

		
		
    Please see attached screenshot using that code. 
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:31 pm

		
		#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.
    

		
	
    


    

			
				

    

	
    

		April 6, 2017 at 2:33 pm

		
		#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? 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		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