Two issues: Mobile display

[21cls_media]

Hello,
When testing my Dante site on mobile, there are two issues I am having with the portfolio pages.

If you see in the attachments,
1. The hover on the portfolio items displays the color box correctly, but there should be text that shows the title/description of the media. Is this a bug? Is there a way to fix this on mobile?

2. The categories, specifically for “Graphic Design” does not fit the box and therefore makes it two lines. This looks odd. Is there a way to make the box auto-scale to fit the text in the box? Or remove the number to make it work anyway?

Thank you!

[21cls_media]

[Mohammad – SUPPORT]

HI,
Please upgrade to latest version of theme 2.54 and let me know your feedback .
Thanks

[21cls_media]

Hello,

We are currently using 2.54 and the problems are still there.

[Kyle – SUPPORT]

Hi

I don’t see the Graphic Design filter on your page?

– Kyle

[21cls_media]

It had been removed for the time being, but you can see it in the screenshot. I’ve added it back in. Is there a way to just remove the number that displays next to the category?

[Kyle – SUPPORT]

Try adding this css:

.filter-wrap ul li a span.item-count {
  display: none;
}

– Kyle

[21cls_media]

That worked, thank you!

Do you have any insight for my other question about the hovers?

[Melanie – SUPPORT]

I must be crazy as I don’t see your website URL in this thread, could you help me out? 😀

[21cls_media]

Hi Melanie,

Here’s the link: http://21cls.com/media_site/
We ended up changing the functionality of the hovers in favor of putting the text below on the portfolio/work page… but the issue is kind of still there since the little play button that shows up on the desktop hover does not show up on mobile. If that’s the same issue, we are still wondering how to fix it.

[Swift Ideas – Ed]

Hi there,

Try adding this custom css:

.mobile-browser figure:hover .thumb-info, .spb_single_image.span12 figure:hover .thumb-info {
opacity: 1!important;
-moz-opacity: 1!important;
filter:alpha(opacity=1)!important;
}

Let me know!

– Ed

[21cls_media]

Ed,

That worked! Thanks so much.

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved . Thanks Ed 🙂 .
With Best Regards
Swift Ideas