map categories cover most of the map area in mobile phone

This topic contains 6 replies, has 2 voices, and was last updated by  Kor 8 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • September 13, 2016 at 4:51 am #265234

    Ding Hua
    Expired Member
    Post count: 152

    Hi,

    Refer to the attached file, the categories covered most of the area of the map and not able to see properly in mobile phone screen.

    Any way to reduce the black shaded area for map categories selection as my categories text are shorter and not required that big black area in both mobile and desktop?

    Rgds,
    YC

    September 13, 2016 at 10:36 am #265307

    Kor
    Moderator
    Post count: 16516

    Hi Ding Hua,

    Try using the custom CSS code below to adjust the height on that container. 

    

    .geodir_map_v3_home_map_1_map_category.map_category {    
    max-height: 200px!important;
} 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		September 13, 2016 at 10:59 am

		
		#265313

		
		
		
	
    


    


    

	
    

		
		
    Ding Hua
    Expired Member
    
		
		
     Post count: 152
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    May I know where to put the css you provided ?
    
I actually want to reduce the width .
    

    Rgds,
    
YC
    

		
	
    


    

			
				

    

	
    

		September 13, 2016 at 11:11 am

		
		#265316

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Ding Hua, 
    

    You can use the custom CSS below to reduce the width of the container. Please insert into GD > Design > Scripts > Custom Style CSS . Let us know how it goes. 
    

    

    .map-category-listing {
    min-width: 130px;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		September 13, 2016 at 11:28 am

		
		#265318

		
		
		
	
    


    


    

	
    

		
		
    Ding Hua
    Expired Member
    
		
		
     Post count: 152
    
	
    

	
    

		
		
    Hi Kor Chung,
    
yes. it reduces the width.
    
Thanks.
    

		
	
    


    

			
				

    

	
    

		September 13, 2016 at 11:30 am

		
		#265320

		
		
		
	
    


    


    

	
    

		
		
    Ding Hua
    Expired Member
    
		
		
     Post count: 152
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    Is there a way to make that shaded area more transparent ?
    

    Rgds,
    
YC
    

		
	
    


    

			
				

    

	
    

		September 13, 2016 at 4:18 pm

		
		#265522

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi YC, 
    

    You can try using the custom CSS below to change the opacity level. 
    

    

    .map_category {
    opacity: 0.7;
}
    

    Thanks!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 7 posts - 1 through 7 (of 7 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