Remove Info Text from Thumbnails on Mobile

Darter02

I noticed on mobile devices if an image has text in its caption field the text often covers the entire thumbnail. I just added this to my main theme, and it seems to have eliminated the text overlay. It also eliminated all the gallery and folder titles, which I do not want to happen.

/*Remove Info Text from Gallery Thumbs on Mobile*/
@media screen and (max-width: 1024px) {
 .sm-tile-info {
   display:none;
 }

Does anyone have a more refined method to eliminate just the caption text from mobile?

Hikin' Mike

Darter02 wrote: »

I noticed on mobile devices if an image has text in its caption field the text often covers the entire thumbnail. I just added this to my main theme, and it seems to have eliminated the text overlay. It also eliminated all the gallery and folder titles, which I do not want to happen.

/*Remove Info Text from Gallery Thumbs on Mobile*/
@media screen and (max-width: 1024px) {
 .sm-tile-info {
   display:none;
 }

Does anyone have a more refined method to eliminate just the caption text from mobile?

I noticed you are missing a closing bracket:

/*Remove Info Text from Gallery Thumbs on Mobile*/
@media screen and (max-width: 1024px) {
 .sm-tile-info {
   display:none;
 }
[COLOR=Red]}[/COLOR]

Darter02

Hikin' Mike wrote: »

I noticed you are missing a closing bracket:

/*Remove Info Text from Gallery Thumbs on Mobile*/
@media screen and (max-width: 1024px) {
 .sm-tile-info {
   display:none;
 }
[COLOR=Red]}[/COLOR]

Thanks. It was in the CSS I used to test my site. I just missed it when I copied it to here.

I'm still trying to figure what, if anything, I want to do about this. With the rise of mobile users I'm just starting to really look at how things are presented to them.

Hikin' Mike

Darter02 wrote: »

Thanks. It was in the CSS I used to test my site. I just missed it when I copied it to here.

I'm still trying to figure what, if anything, I want to do about this. With the rise of mobile users I'm just starting to really look at how things are presented to them.

I wasn't sure.

Do you have a link to one of your galleries. I looked on your site, but can't find them.

Darter02

Sorry, I should have linked that! I've been using the caption fields in my kid's gallery for this year. I'm starting to think I should do more caption writing from here on out for all my new galleries. Right now, only this particular gallery has a lot of captions. On our mobile devices the Info Panel completely covers the thumbnail if there's a lengthy caption. As I mentioned a few posts up, turning the Info Tile off hides not only the captions, but also the titles to folders and galleries. It may have to be something I jusy have to live with, unless SM does some engineering feet to separate captions & titles into separate classes. Oh course, there may be just something easy that I'm missing that can fix this... Highly likely in fact.

Hikin' Mike

I guess I don't understand or I'm not seeing the problem. I'm using Screenfly to check your site because I don't own a mobile device. Can you post a screen print?

Unrelated....Looking at your kid's page, are they doing Karate and Gymnastics? My oldest daughter (15) has been doing competition Gymnastics (and now Cheer) since she was 6. My youngest (13) has done recreational Gymnastics but quit last year. Both are also doing Karate.

Darter02

These screencaps are from a Samsung Galaxy 3 Tab.





As for the other stuff, yes, she trains in MMA at a school down the road. They teach a combination of Muay Thai & Brazilian Jiu Jitsu. She started at the beginning of this past school year. It was all her idea, and she is really getting into it, training 4x/week. The gymnastics is a class offer through our local parks & rec department (which an awesome organization in this town!) Once school ends she'll also be doing swimming and wanted to also take tennis. It's all her idea to do this stuff, so we support her. She had tried dance but didn't care for it "because they told [her] to smile all the time." It's going to be a busy season!

Hikin' Mike

I'll see if I can replicate that using that Screenfly tool, and I'll post back later.

They do Chinese Martial Arts (Shou Shu). They used to do Dance years ago. We're the same way. Totally their choice, we just support it.

Hikin' Mike

Unfortunately, I can't replicate the screen print using the Screenfly tool. Maybe somebody else with more experience can figure it out.

Darter02

Wow. Something changed tonight, that's for sure. Now a portrait collage gallery appears as a Journal style (which wouldn't be bad, but I don't have CSS in place to rounde those corners.) In Collage Landscape now the text is only ONE LINE! Cool beans!

Thanks Smugmug!

Darter02

Here are screen schots from my Samsung Tab.

A portrait gallery. Now it appears as a Journal Style. I'm not sure how I feel about this as I don't have any CSS aimed at Journal style...



And suddenly my caption heavy Landscape Collage gallery is held down to ONE LINE! Perfect!



Someone over there IS paying attention!

Now expect a lot of "How do I round Journal Style" posts from me!