Supreme V1 Question

This topic contains 20 replies, has 3 voices, and was last updated by  Ian 5 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • October 27, 2018 at 2:23 am #451435

    Ian
    Expired Member
    Post count: 144

    Hi there.

    Couldn’t see a forum for Supreme V1 questions so posting here (or please let me know where best to post)

    I just found an issue with the search page when using OSM as the maps option. If you ask for a search on desktop the map is to the right. When you make the page smaller and it changes to tablet or mobile size the map drops to the bottom. (or when using on any mobile device) All good so far.

    When it is in a responsive tablet or mobile size view, the listings and map both disappear and in their place near the top you now have two button options – one to ‘Search Listings’ and the other to ‘Show map’.

    The problem is when you click on the ‘show map’, this shows the map fine, but there is no way to get back to the listings view. What is happening is that the map is covering the button.

    If you move (drag) the map down quickly a couple of time you can actually see the button momentarily but them it disappears again.

    If you click in the area where the button should show (top left of the map) it takes you back to the listings- so its functioning fine, just cant see it. 🙂

    Can someone take a look at this if possible and post a fix (post a function or snippet or inform what and where this can be changed in the supreme child theme etc)

    Im sure its just a simple css thing (bring button to front) but i cant find where to fix it.

    Thanks in advance.

    Ian

    October 27, 2018 at 9:49 am #451460

    Alex Rollin
    Moderator
    Post count: 27815

    Hi there,

    I can’t recreate this on the test site, can you, with your device?

    https://wpgeo.directory/supreme-directory/places/restaurants/#

    Either way we can take a look at your site to see if we can help. If the issue is visible from multiple devices on your site we should be able to help.

    Please share the URL in a private reply and we ill take a look.

    October 27, 2018 at 7:48 pm #451503

    Ian
    Expired Member
    Post count: 144
    This reply has been marked as private.
    October 27, 2018 at 10:31 pm #451509

    Alex Rollin
    Moderator
    Post count: 27815

    I am getting a GEO block. Can you please include a screenshot? I am afraid I am misunderstanding the element you are referring to.

    October 28, 2018 at 9:36 pm #451612

    Ian
    Expired Member
    Post count: 144
    This reply has been marked as private.
    October 29, 2018 at 11:13 am #451660

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    October 30, 2018 at 8:00 am #451819

    Ian
    Expired Member
    Post count: 144
    This reply has been marked as private.
    October 30, 2018 at 10:55 am #451842

    Alex Rollin
    Moderator
    Post count: 27815

    Your site does not behave the same as the demo.

    You could try removing custom CSS to see if that restores the functionality.

    If there is still an issue please share WP Admin so we can take a deeeper look.

    October 30, 2018 at 9:47 pm #451919

    Ian
    Expired Member
    Post count: 144
    This reply has been marked as private.
    October 31, 2018 at 10:16 am #451967

    Kor
    Moderator
    Post count: 16516

    Hi Ian,

    Just letting you know that I’m looking into this now and will get back to you asap!

    Thanks!

    October 31, 2018 at 5:21 pm #452041

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    November 1, 2018 at 2:13 am #452081

    Ian
    Expired Member
    Post count: 144
    This reply has been marked as private.
    November 1, 2018 at 8:16 am #452087

    Kor
    Moderator
    Post count: 16516

    Hi Ian,

    Thanks for your reply. I’ve just applied the custom CSS code below into GD > Design > Scripts > Custom Style CSS and it should fix the issue you had there. 

    

    @media (max-width: 992px) {
.sd-map-only #hideMap {
    z-index: 9999!important;
}
}
    

		
	
    


    

			
				

    

	
    

		November 1, 2018 at 10:35 pm

		
		#452176

		
		
		
	
    


    


    

	
    

		
		
    Ian
    Expired Member
    
		
		
     Post count: 144
    
	
    

	
    

		
		
    Hi Kor.
    

    Many many thanks for that, really appreciated.
    

    Just one quick last request. The ‘show listings’ button is just overlapping and covering the maps +- button ?
    

    I have tries to find where the code / css is for this so i can attempt to add some padding to move it to the right a little. Just wondering if you could either let me know where to find this or if possible, send me a css snippet/ custom code to do this please?
    

    Thanks again.
    

    Ian
    

		
	
    


    

			
				

    

	
    

		November 13, 2018 at 12:51 am

		
		#453861

		
		
		
	
    


    


    

	
    

		
		
    Ian
    Expired Member
    
		
		
     Post count: 144
    
	
    

	
    

		
		
    Hi Kor.
    

    Just wondering of you can give me any advice on the above (secondary) question re- moving the button to not overlap the +- ?
    

    Thanks.
    

    Ian
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 15 posts - 1 through 15 (of 21 total)
	


	


		

	

	





		
				

			

				

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

					Open Support Ticket