Minimize Maps Legend

This topic contains 3 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 1 month ago.

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

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • March 8, 2019 at 2:12 pm #473573

    Zul Kurniawan
    Expired Member
    Post count: 122

    Hi,

    Can I minimize the Maps Legend by default just for mobile device?

    There you can see the Legend text piling up, I think it’s better to just minimize it.

    Thanks,

    March 8, 2019 at 8:40 pm #473664

    Kor
    Moderator
    Post count: 16516

    Hi Zul,

    Thanks for your post. Unfortunately, there isn’t an option to achieve that. Maybe you should just hide it or resize it on mobile using custom CSS? https://wpgeodirectory.com/docs/common-styling-examples/#legend

    Thanks!

    March 8, 2019 at 11:25 pm #473697

    Zul Kurniawan
    Expired Member
    Post count: 122

    Hi Kor,

    Okay fine, hiding it is a good idea. I have done that. Thanks.
    This is CSS Customization that I wrote here:

    

    @media only screen and (max-width: 600px) {
#geodir_map_v3_home_map_3_cat.geodir_map_v3_home_map_3_map_category.map_category
{display:none!important;}
}

@media only screen and (max-width: 600px) {
.map-cat-ptypes .gd-trigger
{display:none!important;}
}
    

    This is specifically for mobile screens. Please correct if I am wrong.
    

		
	
    


    

			
				

    

	
    

		March 8, 2019 at 11:36 pm

		
		#473699

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Thanks for sharing! 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 4 posts - 1 through 4 (of 4 total)
	


	


		
	





		
				

			

				

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

					Open Support Ticket