Show project titles for mobile sites but show titles on mouseover for desktop?

[yelmarb]

Hey guys, like the title says, is there some clever CSS code that can show the project titles for mobile sites but then show titles only on mouseover for desktop sites?

Thanks, Mark

[Richard]

Dear Mark

@yelmarb

I would suggest setting the Project Thumbnail title's to "show on mouseover" within Customize.

Then the following CSS should set all the title's to show on mobile:

.phone-size .type-thumbnailgrid .thumbnail-wrap .title{
    opacity: 1 !important;
}

If you are using a custom phone layout you could target it like this instead:

#custom-phone-grid .type-thumbnailgrid .thumbnail-wrap .title{
    opacity: 1;
}

---

Best wishes

Richard