Very Small Category Icons on Mobile

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

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

Open Support Ticket

Tagged: category icons, mobile

Author

Posts
September 20, 2019 at 4:49 pm #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!

September 20, 2019 at 7:21 pm #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;
}

}
```
September 23, 2019 at 1:23 pm #509739

alchemi design
Expired Member

Post count: 46

Thanks, that worked!
Author

Posts

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

Hurry! Get your 20% discount before it expires. Get 20% Discount