Small icons with text in mobile

Shapely
1

Team
Following on from this topic
https://colorlibsupport.com/t/small-icons-with-text-in-mobile/

How do I make same fix for the gallery on the front page?

Thanks
Chris

2

Hi there,
Thanks for keeping in touch.
In this case, could you try out the following CSS code under the Appearance>Customize>Additional CSS section:

.project:not( .masonry-item ) {
margin-bottom: 10px;
margin-right: 10px;
}

I hope this helps.
Best Regards,
Support.

3

hey mod
thank you. still not working im afraid :frowning:
chris

4

I added a width: 100%; and that seem to have fixed it!

.project:not( .masonry-item ) {
width: 100%;
margin-bottom: 10px;
margin-right: 10px;
}

5

hmmm but this also changes the desktop view…
any ideas

6

how about this?

@media only screen and (max-width: 900px) {
.project:not( .masonry-item ) {
width: 100%;
margin-bottom: 10px;
}
}

7

Hey there

Is your problem resolved? are you satisfied with the results? :slight_smile:

8

hello
yes thank you
you can close the ticket! :slight_smile:

9

I will close this case now, Feel free to contact us again if you have other questions Thanks!