Mobile Formatting

This topic contains 6 replies, has 3 voices, and was last updated by  Stiofan O’Connor 7 years, 7 months ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • #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.

    #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!

    #371507

    Stacy Howroyd
    Expired Member
    Post count: 39

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

    #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?

    #371530

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    What tables, can you link to any problem pages.

    Thanks,

    Stiofan

    #371533

    Stacy Howroyd
    Expired Member
    Post count: 39
    This reply has been marked as private.
    #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

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount