Supreme V1 Question

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