Mobile Formatting

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

Open Support Ticket

Tagged: formatting, mobile

Author

Posts
April 3, 2017 at 12:40 pm #371438

Stacy Howroyd
Expired Member

Post count: 39

Hi there,

I have recently noticed that our website using the GeoDirectory plugin doesn’t seem to be formatting properly on mobile platforms. The page in question is http://buylocalnb.ca/directory/

The translucent sidebar that lists the categories seems to be positioned on top of our map. I was hoping it would be possible to have some assistance in remedying this issue.

Thank you.

April 3, 2017 at 3:10 pm #371506
Kor
Moderator

Post count: 16516
Hi Stacy,

Could you try using the custom CSS code below and see if it’s what you’re looking for? It should only reduce the height of the “Category” on mobile.
```
@media only screen and (max-width: 500px) {
    #gd_home_map_cat {
        max-height:200px!important;
    }
}
```
Thanks!
April 3, 2017 at 3:17 pm #371507

Stacy Howroyd
Expired Member

Post count: 39

OK, thanks do you only put this code on the geodirectory page?

April 3, 2017 at 3:34 pm #371511

Stacy Howroyd
Expired Member

Post count: 39

I put the code in the right place- now I am wondering what about tablets- how do I change the code there?

April 3, 2017 at 4:23 pm #371530

Stiofan O’Connor
Site Admin

Post count: 22956

Hello,

What tables, can you link to any problem pages.

Thanks,

Stiofan

April 3, 2017 at 4:29 pm #371533

Stacy Howroyd
Expired Member

Post count: 39

This reply has been marked as private.

April 3, 2017 at 5:40 pm #371570

Stiofan O’Connor
Site Admin

Post count: 22956

OK this seems to be a problem with the kleo theme GD style, please contact them to fix it.

Thanks,

Stiofan
Author

Posts