Very Small Category Icons on Mobile

This topic contains 2 replies, has 2 voices, and was last updated by  alchemi design 4 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #509406

    alchemi design
    Expired Member
    Post count: 46

    Hi,

    We’re having problems with the size of our category icons on mobile. I have attached a screenshot of the tiny icons.

    When I collapse my browser on desktop or look at it through the customizer in responsive mode for mobile, the icons look like they’re sized normally for the screen width, so I haven’t been able to figure out how to address the problem from the back end since I can’t see what’s causing it.

    Our icons are 50px by 50px. Our site address is http://destinationsouthernmaryland.alchemidesign.com/.

    Thank you!

    #509432

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Try using this custom CSS code below and see if it helps. Insert into Wp > Appearance > Customize > Additional CSS

    @media only screen and (max-width: 600px) {
      .geodir-categories-container ul.gd-cpt-flat {
        width:100%;
    }
    
    .geodir-categories-container ul li a .gd-cptcat-icon img {
        height: 80%;
        margin-top: 0px;
    }
    
    }
    #509739

    alchemi design
    Expired Member
    Post count: 46

    Thanks, that worked!

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

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

Open Support Ticket