Mobile Thumbnail Layout Resolved
Product: JUserTube - Category: Layout - Ticket #196

Ticket Posts (publicly viewable)

Srizon Support (Support) 3 years ago
Srizon Support avatar

Nice to know!

Harry 3 years ago
Harry avatar

I think I have found the fix.

Changing the Thumb Padding to 10px works on my iPhone 6 (without the additional code you suggested), but I still need to test on a smaller iPhone. I'll let you know if there is still an issue, but hopefully this will work.

Srizon Support (Support) 3 years ago
Srizon Support avatar

Maybe try 1 thumb per row for smaller devices?

Harry 3 years ago
Harry avatar

Thanks. I tried that, but it didn't work. I even tried dropping the font size to 5 px (to small to use, but I thought it might fix the problem), but it didn't work even on an iPhone 6, so it certainly didn't work on an iPhone 5 or other small phones.

Is there I change I can make that will make the thumbnails smaller? I know this layout works if they are.

Thanks as always for the help.

Srizon Support (Support) 3 years ago - Edited: 3 years ago
Srizon Support avatar

you may try adding the following css to any of the css file loaded by your site

div.titlebelowthumb{

word-wrap: break-word;

}

 

Harry 3 years ago
Harry avatar

Quick question on the Thumbnail Layout for mobile.

I've set up a 2x2 thumb grid, but when I add the title under the thumb, it throws of the layout enough that if you press down and slide the site to the left or right with your thumb it moves. I want to keep it static, which works fine without the titles.

I've tried making the title font smaller, but that doesn't help. 

 

How would I adjust the width (maybe by making the thumb nails smaller?) of the entire modules so this will work even on smaller phones?

Thanks as always for any help you can be.

Best,

Harry

Private Posts Section

Verify ownership of this ticket by providing the secret key for this ticket to view this area and add post/data to this ticket

Forgot the key?