1 reply to this topic

[FranzVz]

All credits goes to Kenny @ http://community.tub...olution/?p=5834 for coming up with a solution for the video container.

However rotating screens from landscape to portrait in various phones and tablets that I was testing. The gallery was all messed up, specifically the thumbnails. I found a couple of solutions. Try the ones that work for you.

 

Global Fix: This fix should work for all media types and doesn't need a specific @media attribute. Add this at the bottom of your style.css file.

Spoiler

.tubepress_thumbnail_area {display:block!important;float:none!important;width:100%!important;}

 

I also tried a setting the entire .tubepress_container to width:100%, but it didn't behave good.

 

@media Fix: If you have undesired effects from the global fix, and you wanna make sure this applies to only media devices try this solution just for mobile devices.

Spoiler

@media only screen and (min-width: 481px) and (max-width: 959px) {.tubepress_thumbnail_area {display:block!important;float:none!important;width:100%!important;}}
@media only screen and (max-width: 480px) {.tubepress_thumbnail_area {display:block!important;float:none!important;width:100%!important;}.tubepress_thumb{width:123px!important;}}  

 

Note: In order for me to get 3 rows of videos on the lowest setting for phones, I had to do a .tubepress_thumb{width:123px!important;} 

If this doesn't work for you, feel free to take it out.

[roberthf]

Hi FranzVz

A nice fix for the thumbnail!

BUT how do I make the main video responsive?

Robert