35% OFF EVERYTHING
END OF YEAR SALE
Buy Now

Mobile Design Issue – Please Help

This topic contains 7 replies, has 2 voices, and was last updated by  Guust 4 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • April 18, 2020 at 12:52 am #541003

    Max
    Expired Member
    Post count: 60

    Hello,

    I would like the categories to be beside each other in 2 columns or 3 if possible. Currently it only goes down with one column.

    April 18, 2020 at 12:53 am #541005

    Max
    Expired Member
    Post count: 60
    This reply has been marked as private.
    April 18, 2020 at 1:39 am #541022

    Guust
    Moderator
    Post count: 29970

    Try this CSS, adjust as required: 

    @media only screen and (max-width: 400px) {
.geodir-categories-container ul {display: inline-block; width: 49%; min-width: initial;}
.geodir-categories-container ul li a {font-size: 10px;}
}

    For any other CSS tweaks, review https://wpgeodirectory.com/docs/customizing-your-style/ or seek assistance from a developer.

    Thanks

    April 18, 2020 at 1:56 am #541026

    Max
    Expired Member
    Post count: 60

    Thanks. I certainly will. And just one more thing. How do I hide the count in that custom code?

    April 18, 2020 at 2:10 am #541028

    Guust
    Moderator
    Post count: 29970

    Have a look at the GD>Categories settings. There is an option to hide the count.
    If you are using the shortcode, that would add 

    hide_count="1"

    Thanks

    April 19, 2020 at 1:52 am #541168

    Max
    Expired Member
    Post count: 60

    Thank you!!!

    April 19, 2020 at 1:57 am #541169

    Max
    Expired Member
    Post count: 60

    Would it look like this?

    @media only screen and (max-width: 500px) {
.geodir-categories-container ul {display: inline-block; width: 49%; min-width: initial;}
.geodir-categories-container ul li a {font-size: 10px;}
{display:hide_count=1;}
}

    For some reason that doesn’t work

    April 19, 2020 at 2:05 am #541170

    Guust
    Moderator
    Post count: 29970

    The code I gave was to for the shortcode, not for CSS.
    For example

    [gd_categories post_type="0" max_level="1" max_count="all" max_count_child="all" title_tag="h4" sort_by="count hide_count="1"]

    Please use the shortcode builder to get the correct result.
    https://docs.wpgeodirectory.com/article/95-shortcode-builder

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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