Bad visualization on mobile devices

This topic contains 7 replies, has 3 voices, and was last updated by  Paolo 6 years, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • May 9, 2017 at 12:39 pm #377585

    Marcos Milani
    Free User
    Post count: 26

    Dear all,
    I’ve found an issue regarding the plugin fit for mobile devices, as follows: While visualizing the map on mobile devices users can’t navigate because the categories menu covers all the map (depending on how many categories you have listed). See picture attached.

    Could you please indicate what could be done to solve this? I believe it is a matter of changing something in the next plugin update, right?

    May 9, 2017 at 2:17 pm #377611

    Kor
    Moderator
    Post count: 16516

    Hi Marcos,

    I’ve just tested your Website on my mobile device and I’m able to see the issue there. You can actually adjust the height of the container using the custom CSS code below. Insert into GD > Design > Script > Custom Style CSS.

    

    div#geodir_map_v3_home_map_1_cat {
    max-height: 150px!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		May 14, 2017 at 5:36 pm

		
		#378285

		
		
		
	
    


    


    

	
    

		
		
    Marcos Milani
    Free User
    
		
		
     Post count: 26
    
	
    

	
    

		
		
    Thank you very much for the reply. This actually worked in the main GEOLOCATION page and I wanted to to the same with the map I put in the index page (http://www.rocknroads.com.br). Please see the code I used in the picture gallery. Is there some way to do so?
    

		
	
    


    

			
				

    

	
    

		May 16, 2017 at 7:26 am

		
		#378514

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Marcos, 
    

    Sorry for the late response. Please use the custom CSS code below to fix that. 
    

    

    div#gd_home_map_cat {
    max-height: 180px!important;
}
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 4:08 am

		
		#379429

		
		
		
	
    


    


    

	
    

		
		
    Marcos Milani
    Free User
    
		
		
     Post count: 26
    
	
    

	
    

		
		
    Hello,
    
I did use the provided code in the plugin custom CSS code (inside Insert into GD > Design > Script > Custom Style CSS). This fixed the problem in the specific/dedicated plugin page (http://www.rocknroads.com.br/lugares/) but not in the website home/index page (http://www.rocknroads.com.br) where I had put a link to bring the plugin map using the following code: [gd_homepage_map width=100% height=425 scrollwheel=false zoom=8] [gd_advanced_search show_adv_search=’always’].
    

    Can I add something in this home/index page code to change the side menu size (the same way we did with the plugin map in the dedicated page?). If so, how should the code be exactly?
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 6:15 pm

		
		#379549

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    Hi,
    

    Kor provided 2 different css code, the second you didn’t add it anywhere:
    

    

    
div#gd_home_map_cat {
    max-height: 180px!important;
}
    

    Let us know how it goes,
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		May 22, 2017 at 10:08 pm

		
		#379593

		
		
		
	
    


    


    

	
    

		
		
    Marcos Milani
    Free User
    
		
		
     Post count: 26
    
	
    

	
    

		
		
    Hello,
    
I have tried the new code but it didn´t work as well.
    

    Should I use it instead the previous one ([gd_homepage_map width=100% height=425 scrollwheel=false zoom=8]) or after it? 
    

    I should put it between [ ] right?
    

		
	
    


    

			
				

    

	
    

		May 23, 2017 at 4:32 pm

		
		#379717

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    Hi,
    

    I just tested the css provided and it does what you ask. Is there something I’m missing? What is that didn´t work as well?
    

    Let us know,
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket