CPT no address mobile view show map still there

This topic contains 12 replies, has 3 voices, and was last updated by  Jeff Adams 6 years ago.

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

Open Support Ticket
  • Author
    Posts
  • April 21, 2018 at 3:11 pm #427495

    Jeff Adams
    Free User
    Post count: 1780

    On my site i have a CPT for “web based” businesses. I have this CPT set for “no addresses”. In mobile view it still displays “show map”. See images

    April 21, 2018 at 3:12 pm #427499

    Jeff Adams
    Free User
    Post count: 1780
    This reply has been marked as private.
    April 21, 2018 at 5:26 pm #427513

    Kor
    Moderator
    Post count: 16516

    Hi Jeff,

    Thanks for your post. I’m going to assume that Web-Based business do not have addresses and you can use the custom CSS code below to hide the “Show Map” button. 

    

    @media only screen and (max-width: 600px) {
    .post-type-archive-gd_webbased #showMap {
    display:none!important;
}
}
    

		
	
    


    

			
				

    

	
    

		April 21, 2018 at 9:28 pm

		
		#427519

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    no need to assume that, that’s exactly what I said, CPT with no address does not need address. This CSS you supplied did not remove “show map” however it seemed to remove what happens after you click “show map”. 
    

    Since this is not suppose to do this, can’t you guys log in and fix it instead of making me try through your hit or miss only to have to come back in here, take more time, back and forth, back and forth. I mean, clearly this is not suppose to do this. 
    

		
	
    


    

			
				

    

	
    

		April 22, 2018 at 2:15 pm

		
		#427550

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Show map appears to be hidden. Please check and let us know.
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 3:51 am

		
		#427613

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    Please try opening this page: https://veganlinked.com/webbased/
    

    Then expand down the page from the side and you’ll see the “Show Map” appear as illustrated in the attached image. 
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 4:04 am

		
		#427615

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    Here’s a video demonstrating this:
    

    https://youtu.be/9pYZbB7LaP0
    

    Maybe mobile viewport is fine but not tablet size viewport, all viewports should be consistent. Thank you
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 8:01 am

		
		#427636

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Jeff, 
    

    Thanks for your reply. I’ve just applied the custom CSS code I’ve shared earlier into your Website. Could you please check now? 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 8:05 am

		
		#427638

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    no, still doing the same thing. And, I’m trying to put CSS back in the site, so we’re doing it at the same time. which is causing my changes to be overwritten! Hold on a minute. I’ll be done in like 20 minutes. 
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 8:09 am

		
		#427639

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Jeff, 
    

    Please test it on a real mobile device and the code only works for screensizes smaller than 600px. The attached is how it looks like on my mobile. 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 8:21 am

		
		#427643

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    Thanks, 
    

    I understand that it works in mobile view, this is why in the video I specifically said it appears to work fine in mobile device, but it needs to work find in all viewports, like tablets. Which it appears to not be fine. Either way, if you do what I show in this very short video on a desktop viewport you will see the issue. 
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 10:18 am

		
		#427670

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Jeff, 
    

    Adjusted the custom CSS code to 
    

    

    @media only screen and (max-width: 992px) {
    .post-type-archive-gd_webbased #showMap {
    display:none!important;
}
}
    

		
	
    


    

			
				

    

	
    

		April 23, 2018 at 5:13 pm

		
		#427705

		
		
		
	
    


    


    

	
    

		
		
    Jeff Adams
    Free User
    
		
		
     Post count: 1780
    
	
    

	
    

		
		
    Awesome, thanks Kor!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket